Color above announcement bar on mobile

[manbru1]

hey,

On mobile, the background color of the announcement bar fills the top of the screen, I just want it to be white.

I've already tried with:

<meta name="theme-color" content="#ffffff">

and this in custom css in the announcement bar:

html, body {
background-color: #ffffff !important;
}

preview link: https://hj74zoq4g1pg88hd-83161252166.shopifypreview.com/products/lindberg-lingbo-skaloverall-baby-dr...

How do i fix this?

 

[laddisahsi]

Hi @manbru1 

Its look like this.

[topnewyork · Accepted solution]

Hi @manbru1 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>
Note: I have given two codes, apply them one by one, and then whichever you find correct...

<style>
.section-sections--24244456390982__custom_liquid_B4f4J9-padding{
  border-top: 1px solid black;
}
.section-sections--24244456390982__custom_liquid_B4f4J9-padding{
    background-color: #fff !important;
    color: #000000 !important;
}
</style>

If you find my advice helpful please remember to LIKE and accept as SOLUTION.
Thanks!