Make the header transparent on the homepage ONLY - Dawn theme

Topic summary

Goal: Make the site header transparent on the homepage only in the Dawn theme (v15.0.0/15.0.2).

Proposed approach:

  • Add a Liquid “template condition” (if homepage) to set a class on the header: {% if template.name == ‘index’ %} transparent-header {% endif %}.
  • Add CSS for that class to make the header transparent and overlay content (transparent background, position: absolute, width: 100%, z-index: 10), plus transparent navigation.

Implementation guidance given:

  • Edit the header element (initially suggested in theme.liquid), add the conditional class.
  • Append the CSS to a main stylesheet (e.g., theme.css/global.css/base.css).

Current blocker:

  • OP does not see a tag in theme.liquid (only ), but does have header.liquid and asked where exactly to place the code there.

Actions taken:

  • Helpers requested the store URL; OP shared it via DM. They advised locating header.liquid and inserting the conditional there.

Status:

  • No confirmed fix yet; exact code placement within Dawn 15’s header file remains unresolved and is moving to 1:1 assistance.
Summarized with AI on December 18. AI used: gpt-5.

Then share store url i can fix it