Remove Header from 1 Page

Store Design

Topic summary

A user working with Shopify’s Dawn theme needs to remove the header from a single page titled ‘9 Pines Landing Page’ without affecting other pages. When attempting to hide the header, a large blank space remains.

Initial Solutions Provided:

  • Modify theme.liquid by wrapping {% sections 'header-group' %} in conditional logic using the page template name
  • Alternative approach: use {% if page.title == "9 Pines Landing Page" %} condition

Implementation Issue:
The original poster accidentally created duplicate headers by adding code without replacing the existing line, as shown in their screenshots.

CSS Alternative:
Another solution suggests hiding the header globally by setting .header-wrapper { display: none; } in base.css (line 2328), though this would affect all pages rather than just one.

Current Status:
One user confirmed the CSS solution works for their needs. However, a new participant using the Streamline theme reports these instructions don’t apply, as their theme.liquid file lacks the {% sections 'header-group' %} code referenced in the solutions.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
3

Hi @MoniqueA7

Just like to clarify, which page 1 you mean to? It is the homepage?