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
10096 2398 3030

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an 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
10096 2398 3030

Yes, you can pm me. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an 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
7722 678 1628

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 paull.newton+shopifyforum@gmail.com 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