We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How to remove the header from a specific page in Dawn theme?

Solved

How to remove the header from a specific page in Dawn theme?

fernandofregoso
Visitor
1 0 1

Hello! I have been trying to remove the header from a specific page in my shopify store. I have tried many things, but nothing seems to work. I am using the Dawn theme.

 

Do you have any suggestions?

Accepted Solution (1)

collinsmbaka
Shopify Partner
224 27 107

This is an accepted solution.

Hi @fernandofregoso 

 

Please follow these steps to remove it for a specific page

1. From your Shopify admin dashboard
2. Navigate to Online stores > Themes > Select the main theme
3. Click on Actions > Edit code
4. From the code editor, search for the theme.liquid file
5. Then search for this code inside the file "{% section 'header' %}"
6. Wrap a conditional around it, so it will look like this

 

{% if collection.url != '/collections/all' %}
    {% section 'header' %}
{% endif %}

 

 

Please note that this is for a collections page. If you want to apply this to a regular page. You should use this condition

 

{% if page.url != '/pages/url' %}
    {% section 'header' %}
{% endif %}

Replace the URL with the page slug that you don't want to show the header.

 

7. Save and refresh on the storefront

 

Hope this solves the problem,

 

Cheers!

 

Collins Mbaka
Web Developer | Shopify Developer

View solution in original post

Replies 5 (5)

collinsmbaka
Shopify Partner
224 27 107

This is an accepted solution.

Hi @fernandofregoso 

 

Please follow these steps to remove it for a specific page

1. From your Shopify admin dashboard
2. Navigate to Online stores > Themes > Select the main theme
3. Click on Actions > Edit code
4. From the code editor, search for the theme.liquid file
5. Then search for this code inside the file "{% section 'header' %}"
6. Wrap a conditional around it, so it will look like this

 

{% if collection.url != '/collections/all' %}
    {% section 'header' %}
{% endif %}

 

 

Please note that this is for a collections page. If you want to apply this to a regular page. You should use this condition

 

{% if page.url != '/pages/url' %}
    {% section 'header' %}
{% endif %}

Replace the URL with the page slug that you don't want to show the header.

 

7. Save and refresh on the storefront

 

Hope this solves the problem,

 

Cheers!

 

Collins Mbaka
Web Developer | Shopify Developer
zeekpardo
Visitor
2 0 0

@collinsmbaka This worked perfectly. How would I remove it from 2 specific pages?

WebistraZing
Visitor
1 0 0

Hi i cannot find {% section 'header' %} in the theme.liquid file and i am also using Dawn theme. Plase help me. I want to hide in this page https://timeisnow.shop/pages/thank-you-page-page-fly

Ocho
Tourist
12 0 2

How do I hide the menu of a product page with a specific 'type'? 

Was going to try your answer but
a. I can't find {% section 'header' %} in the code...has that changed in Dawn since 2022? I'm new to this. Could it be {% sections 'header-group' %} ?
and
b. can I simply swap the term 'collections' to 'types'?

KetanKumar
Shopify Partner
37635 3670 12168

@fernandofregoso 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

 

also share page list 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing