Transparent Sticky Header That Changes Color After Scrolling Past Image Banner | Sense theme

Transparent Sticky Header That Changes Color After Scrolling Past Image Banner | Sense theme

PawsClaws
Excursionist
23 0 7

Looking to implement a sticky header like the website here: https://petlibro.com/ or https://www.cheerble.com/en-eu

 

Where menu text/icons/logos are white and the header is transparent while above image banner and when you scroll past the image banner, the menu/icons/logo is black while the header is white. I would like to keep the header white for other pages. Also, I would like the header to be transparent only on the homepage, and on the other pages, it can be the regular one. I'm using the Sense theme.

 

Thanks!

 

Store URL: https://claws-paws.us

Owner of claws-paws.us
Reply 1 (1)

Dan-From-Ryviu
Shopify Partner
11942 2340 2516

Hi @PawsClaws 

Please add Image banner section to your store and change Header sticky option to Always so I can give you the code to do that. 

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.