A space to discuss online store customization, theme development, and Liquid templating.
How can I make the header transparent only at the top of the page! I want it to change to its original color once you scroll down!
This image shows it being transparent!
When I scroll down, it’s still transparent, I’d like it to be back to its normal color once you start scrolling down, thanks!
Hey @omar_ab
Go to Online Store > Theme > Edit code > find theme.css file and add the following
.site-header--sticky.active {
background: var(--header-background) !important;
}
♥ If you found my solution helpful, please consider giving it a Like and marking it as the ✔ Accepted Solution
Try our WhatsApp Chat Button Widget with multipe agents. Supachat: WhatsApp Chat Button
Find the cheapest fuel in Australia with FuelSpot. FuelSpot:Cheapest fuel prices near me
A Product of Maverick Studio