Hide header on single page - Dawn

Store Design
1

Hi there,

I’ve tried to hide my header and announcement bar on a page with template ‘discover’ (or URL discover-te-motu) with below code, but it’s not working. Is there something else I can try?

.template-page-discover header.header {
  display: none;
}

website

2

Your code it targeting the Contact Page but in order to target the discover-te-motu page then you have to paste the following code.

{% unless request.path contains '/discover-te-motu' %}
  
{% endunless %}
3

Ah sorry I see I pasted the wrong code, I actually used below

.template-page-discover header.header {
  display: none;
}

I have just tried yours and it does not work either. Is there anything else I could try?

4

Okay no worry.

Here is the updated code that you need to paste in the theme.liquid code after the closing of the header something link this 

{% unless request.path contains '/discover-te-motu' %}
.template-page-discover header.header {
  display: none !important;
}
{% endunless %}
5 
.discover-te-motu .announcement-bar-section, .discover-te-motu .shopify-section-group-header-group {
 display: none;
}
  • Go to your Shopify Admin panel.
  • Navigate to Online Store > Themes.
  • Click “Actions” > “Edit code” on your current theme.
  • Open your CSS file – typically base.css located in the assets folder.
  • Scroll to the bottom and paste the CSS provided above.
  • Click Save.
6

Hey,

Are you comfortable providing collaborator access? If yes, I’ll be able to solve your query more effectively.

Thanks!

7

this worked, thank you! Is there a way to keep the header but hide the navigation menu?