Hello,
How can i make my Header transparent only on home page that is set on banner as shown in this website - https://boldfit.in/
Thanks
Topic summary
A user seeks to make the header transparent only on the homepage of their Dawn theme Shopify store, referencing a specific website example (boldfit.in).
Solution Provided:
- Navigate to Admin → Online Store → Theme → Edit Code
- Locate the
theme.liquidfile - Insert custom code before the
</body>tag that conditionally applies transparency when the template name is “index”
Store Details Shared:
- Store URL: shilpadiamonds.myshopify.com
- Password: urv0924
The discussion remains open pending confirmation that the proposed CSS/Liquid code solution works for the user’s specific implementation.
Hey @Urv24
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
@Urv24 ,
Step 1: Go to Admin → Online store → Theme > Edit code
Step 2: Search for the file theme.liquid
Step 3: Add this code before tag
{% unless template.name == "index" %}
{% endunless %}
If it helps you, please like and mark it as the solution.
Best Regards 