Hi. I have had to manually code the header in the Flex theme to stay sticky as the inbuilt sticky option changes the header completely into a hamburger menu which customer doesnt want. So after coding the header to stay sticky - this works great on all the content/product pages etc as the header on …

Hi @lcameron Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?

Hi @lcameron Add this code above the tag, in the theme.liquid file https://prnt.sc/9W1BEGOaZy6H {% if template.name == "index" %} {% style %} header#header { background: white !important; } header#header * { color: black !important; } a.header__logo.heade…

Hi, sorry didn’t work - the background is white as soon as page loads, not just when it scrolls?

Out of the Sandbox Flex Theme Header Change colour on Scroll

Store Design

lcameron February 3, 2025, 6:23am 3

Thank you. URL is https://aribella.com.au/

Topic		Replies	Views
Change Sticky Header from Transparent to White when scrolling Shopify Discussion troubleshooting	1	112	December 24, 2022
Change transparent header color to white on scroll Store Design customizations	7	136	November 30, 2023
How can I change the background color of a sticky header? Store Design	14	93	May 19, 2022
Header stays transparent when sticky Store Design menu , header , customizations , css , shopify-themes , html	3	37	May 17, 2024
Transparent Sticky Header That Changes Color After Scrolling Past Image Banner Store Design menu , design , header , customizations , css , html	25	231	June 7, 2025

Out of the Sandbox Flex Theme Header Change colour on Scroll

Related topics