How can I remove the nav menu bar for a single template page only? Craft Theme

How can I remove the nav menu bar for a single template page only? Craft Theme

Daz_Phil
Tourist
3 0 1

Hi, Hope someone can help. 

This seems to be pretty basic functionality that I need. I've created a landing page in Online Store>customise > Home page>Pages>new page.  I've assigned the page to this new template.  

 

The main menu in the header is sitewide. Have tried various changes suggested online in the theme.liquid file but nothing seems to work. 

 

I'm using the craft theme. Any contributions would really be appreciated.

Thanks.

Replies 5 (5)

Made4uo-Ribe
Shopify Partner
8281 1987 2439

Hi @Daz_Phil 

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Daz_Phil
Tourist
3 0 1

Hi, thanks for replying. It's published currently. How can I give you the info securely?

Made4uo-Ribe
Shopify Partner
8281 1987 2439

Yes, you can pm me. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Daz_Phil
Tourist
3 0 1

I'm new to the community so I don't think I have the privileges to do that unfortunately. I can't see any pm links.

PaulNewton
Shopify Partner
7192 635 1493

Hi @Daz_Phil 👋 for a CSS bandaid use a custom-css setting in that pages template and styles like the following:

#shopify-section-header { display: none;}

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css 

 

‌‌‌‌⚠💣 Always backup themes before changing files 💣⚠‌

To actually properly remove it you'd need to customize the theme to only render the section/section group in theme.liquid for other pages, or explicitly not render for that page.

If it's a section group this may also not render things like announcement bars.

 

i.e. {% if page.handle != 'page-handle' %}{% sections 'header-group' %}{% endif %}

or {% unless page.handle == 'page-handle' %}{% sections 'header-group' %}{% endunless %}

 

Example location for dawn based themes https://github.com/Shopify/dawn/blob/main/layout/theme.liquid#L310C5-L310C34 

 

If you need this customization then contact me for services
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

Contact [email protected] for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org