A user seeks to create a transparent header that transitions to white on scroll (sticky) for the homepage only, similar to fearofgod.com, while keeping headers on other pages white and sticky by default. They’re using Dawn theme 15.3 on their Shopify store.
Solutions provided:
Issue encountered:
The discussion includes code snippets and a screenshot demonstrating the sticky header settings location, but the conversation appears ongoing as the white bar issue needs addressing.
Hi, I’m trying to make a header like the one on the https://fearofgod.com/ website. It’s transparent with a slideshow behind it, then it turns white when scrolling and it is sticky. Also, this is only on the homepage, the header is sticky and white on every other page.
I’ve found some discussions about this online but none of them worked.
Does anyone know how to do this? I’m using the dawn theme 15.3
My site is www.mochibags.com
Hello @graceatsabun
Online Store —> Themes —> actions —> edit code—> theme.liquid file, and add this code after
If this was helpful, hit the like button and accept the solution.
Thanks
Hi there! Thank you so much for the solutions! Somehow, there is a white bar between the announcement bar and the header block now 
How can I remove this white bar?
If you’re looking to create a header similar to the one on https://fearofgod.com/ using the Dawn theme 15.3, here’s how you can achieve it:
For a transparent-to-white effect on the homepage, add this CSS in theme.liquid before :
{% if template == 'index' %}
{% endif %}
Steps 3: Save and check!