Transparent Header

Topic summary

A user successfully implemented a transparent header for their homepage but needed a visible, readable header for other shop pages.

Solution Provided:

  • Add conditional code to theme.liquid file below the <head> tag
  • The code ensures the header remains transparent only on the homepage (index template)
  • Other pages display a standard visible header

Follow-up Issue:
The user initially asked about replacing the white company logo with a black version for better visibility, but ultimately resolved this independently.

Status: Resolved - the user confirmed both issues were fixed.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

Hi guys,

i have already created a transparent one for the home page, but now I need a visible and easily readable one for the rest of the shop.

Hey @wh31_wh1222 ,

Can you share the link to your store please? Thanks!

Baby Boo (babyboo-shop.com)

Hey @wh31_wh1222 ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

{% if template.name != 'index' %}
      
{% endif %}

Screenshot is for reference only, the correct code to paste is the one shown above.

1 Like

thank you so much it really helped me!
Do you know how i can replace the white company logo with a black one?

Can you upload the black logo to your Files > Content in the Shopify Admin and share the link with me? @wh31_wh1222

1 Like

Thank you very much for your help, Ive solved it myself!