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 a…

Hi @SoulHarvest , Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code [BSSCommerceHDL_0-1719838955724.png] Step 2: Search file theme.liquid Step 3: Insert this code above tag: Hope this can help you, If our suggestions are useful, please let us know by giving it a like or markin…

Hi @SoulHarvest , Can you kindly share your store link (with the password protected, if any) with us? We will check it and suggest you a solution if possible.

Hi, Thank you for the help. my site is https://soulharvestshop.com and the password is thiagh I followed some old tutorials and did manage to make the header transparent, but it doesn’t become white on scroll, and it doesn’t sticky. so it’s just transparent at the top. Because of that I’ve just und…

Thank you! This worked exactly like the fearofgod site, thank you for your help!

@SoulHarvest , No problem. Have a good day :heart_eyes:

Edit: Just a note for anybody else seeing this and wanting to try it. This works on PC and android perfectly, it seems to bug out on iOS, not sure quite why (I’ve tried it on safari and brave browser on an iphone, the header is transparent and becomes white but it doesn’t sticky properly, it jumps a…

Hi @SoulHarvest , i can’t access your site

Hi, I’ve changed the password to 123bird

Hi @SoulHarvest , Replaced my old code with this new code: Hope this can help you, If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

Hi, I’m sorry for asking so many questions. I’ve tried this code and it does now work on ios also but I wanted to ask if there is a solution for this issue where the header covers stuff below it, i’ve attached a screenshot to show what i mean. The header goes a bit too low on both desktop and mobile…

@SoulHarvest , Do you think we should only make the home page transparent? It would be better if we made all the pages whole. I see many guest websites only do it on their homepage

How do I make a Transparent Header

Store Design

BSSCommerce-HDL July 1, 2024, 1:33pm 6

@SoulHarvest , No problem. Have a good day

Topic		Replies	Views
Transparent Header Store Design customizations , landing-page , shopify-themes	8	136	June 24, 2025
Make header transparent and white on scroll up Dawn theme Store Design design , header , css , shopify-themes	5	241	September 19, 2023
How to change homepage header to transparent in Dawn theme? Store Design	11	139	September 11, 2024
Dawn Theme - Make sticky header transparent and white on scroll up Store Design header	7	202	February 9, 2025
How to add a transparent header on Dawn Theme 2.0? Store Design	7	115	February 8, 2022

How do I make a Transparent Header

Related topics