Solved

How to hide navigation menu on one specific page - debut theme

kay2000
New Member
10 0 0

Could someone pls show/explain how I can hide my logo, navigation menu, announcement bar and the search/cart icons from just ONE page on my website. I want this page to be very plain. It is a page that was created with a custom template.

Thank you so much in advance for helping! 🙂

Accepted Solution (1)

ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1. Go to Online Store->Theme->Edit code
2. Edit your layout/theme.liquid file. Right above the line that has </head>

{% if page.handle == 'enter the page handle' %}
<style>
.site-nav {display: none!important;}
</style>
{% endif %}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 7 (7)

ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1. Go to Online Store->Theme->Edit code
2. Edit your layout/theme.liquid file. Right above the line that has </head>

{% if page.handle == 'enter the page handle' %}
<style>
.site-nav {display: none!important;}
</style>
{% endif %}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
kay2000
New Member
10 0 0

It worked!! I made a mistake initially. THANK YOU!!

kay2000
New Member
10 0 0

It didn't turn off the logo, announcement bar and search/cart icons though. Is there an easy way to remove these from that one page as well? Thank you for helping...

CelticSupplyCo
Tourist
4 0 3

I did this and it made my drawer menu disappear throughout my entire site when viewed on desktop only. the drawer menu is still present on mobile. How do I reverse this, I can't find the code!

telly456
Visitor
2 0 0

tried this and it did not work, but not sure I'm putting in right page names. how do I find page names ? I want action bar on only home page and not on any other page.

telly456
Visitor
2 0 0

Also how would I exclude the action bar on mobile display for home page and keep it on desk top and tablet? I still want it only on home page and not on any other page.

LP-Zelda
Visitor
1 0 0

Hi there!

 

This worked perfectly! I changed .site-nav to .site-header and was able to remove the entire area (which is what we needed in our scenario.)

 

Do you know how to also remove the Announcement Bar? And also maybe the social media bar in the header as well?

 

Thank you again!