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

PawsClaws · ‎12-11-2024

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

Dan-From-Ryviu · ‎12-11-2024

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.

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

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

Community Blog Articles