Looking to implement a header like: https://jkattire.co.uk/
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. I’m using the Dawn theme.
Thanks!
Store URL: www.siron.store
Hi @sironco
Please set your header always sticky in your Online Store > Themes > Customize and then add this code to theme.liquid file, after
thank you this has worked for the header, however on mobile is it possible to keep the drawer menu text the same colour as its changing from white at the top of the page to black when scrolling. I would like the text to be black the whole way with a white menu background.
Do you mean you want a transparent header on the desktop only?
no i would like it on both but on mobile the drawer menu text changes colours, i want to keep the colour as black for this.
Got it, please update code
thank you, it worked. your a legend!
You are very welcome!
Hey, i would also like to make the transparent header only on the home page. Would this be possible?
