Hi everyone,
I’m working on a Shopify store and I would like to implement a transparent header that changes to a solid color when the user scrolls down the page. Specifically, I want the header to be transparent by default and then switch to a solid color upon scrolling. Additionally, I plan to add announcement bars to the header, so it needs to remain sticky at the top of the page.
Could anyone provide guidance or code snippets on how to achieve this effect?
Here’s what I’m trying to achieve https://bellavitaorganic.com/
Thank you!