Jump to content

Can I hide the mobile Navigation bar just on certain pages?

Recommended Posts

I'm trying to hide the mobile navigation bar only certain pages. I've found some other forums with code injections for hiding the menu nav bar completely, but there are only a few pages I don't want it shown on. 

I tried this code to hide the menu icon completely: 

.page-borders-none #mobileMenuLink {
   display: none !important;
}

Is there a way I can specify the code injection to apply to certain pages only? Or do I need an entirely new code? I've tried placing it within the specific page settings under advanced, but it doesn't work. It only works if I add it to Custom CSS. 
 
Help! 
Link to comment
  • Replies 2
  • Views 1.6k
  • Created
  • Last Reply

Wrap your code in style tag and insert to Page Settings > Advanced > Header

<style>
  .page-borders-none #mobileMenuLink {
   display: none !important;
}
</style>

If it doesn't work, can you share link to that page? We can check carefully.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.