I need to make sticky transparent header black if scrolled down My store - corbie.store

Go to Online Store → Theme → Edit code. Open your theme.liquid file In theme.liquid, paste the below code before If my reply is helpful, kindly click like and mark it as an accepted solution. Thanks!

Hi @Somehow999 I see i worked [LizHoang_0-1740705280316.png]

Hi @Somehow999 I see it already transparent and black background when scrolling down.

Hi @Somehow999 Do you want the header like this across the entire website? [topnewyork_0-1740730748910.png]

Yes but it’s gray on any other page

How to make sticky header black?

Store Design

Somehow999 February 28, 2025, 9:39am 6

Yes man

Topic		Replies	Views
Making header non transparent while scrolling Store Design design , header , customizations	1	33	July 11, 2024
How to change header from transparent, back to a normal filled background when scrolling Store Design header	18	170	February 4, 2025
Dawn - Make header background turn black when scrolling down Store Design design , customizations , css , shopify-themes	3	46	March 28, 2023
How can I adjust a transparent header to a sticky black one? Store Design landing-page	2	27	August 28, 2023
Make Transparent Header Back to Normal When Scrolling Down Shopify Discussion troubleshooting	7	89	September 11, 2024

How to make sticky header black?

Related topics