Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
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!
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!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025