Color above announcement bar on mobile

Solved

Color above announcement bar on mobile

manbru1
Visitor
2 0 0

hey,

 

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

 

IMG_6462.PNG

 

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?

Accepted Solution (1)

topnewyork
Astronaut
1130 151 189

This is an 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!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month

View solution in original post

Replies 2 (2)

laddisahsi
Shopify Partner
444 44 45

Hi @manbru1 

Its look like this.

laddisahsi_0-1736922014783.png

 

-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!

topnewyork
Astronaut
1130 151 189

This is an 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!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month