Remove header and announcement bar from home page only in dawn theme

Store Design
, , , , , , ,

Topic summary

A user wants to remove the header and announcement bar exclusively from their homepage in Shopify’s Dawn theme to create a streamlined landing page.

Solution Provided:

  • Add custom CSS code to the theme.liquid file before the closing tag
  • The code uses a conditional statement to target only the homepage (index template)
  • CSS hides both the announcement bar section and header section using display:none and visibility:hidden

Code Structure:

{% if template.name == "index" %}
  [CSS to hide announcement bar and header]
{% endif %}

Outcome:

  • The solution was successfully implemented
  • The original poster confirmed it worked and thanked the helper
  • Issue appears resolved
Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

I want to remove the heading and announcement bar from my homepage only in the dawn theme in order to create a more streamlined landing page.

Heres is my store URL:

https://b9f362.myshopify.com/

Thanks!

2

@sev1 - add this code before your in theme.liquid file and check

{% if template.name == "index" %} 
{% style %} 
.announcement-bar-section{display:none; visibility:hidden;}
.section-header.shopify-section-group-header-group{display:none; visibility:hidden;}
{% endstyle %} 
{% endif %}
1 Like
3

Thank you, Suyash, your skill is admirable.

1 Like
4

Happy to help.

1 Like