Jump to content

How do you hide the navigation on a landing page in mojave

Recommended Posts

  • Replies 5
  • Views 947
  • Created
  • Last Reply

@jenniewinhall Each Page will have diferent ID. First you need to find ID of Landing Page. See how to: https://beaverhero.com/squarespace-how-to/#HowtoFindPageID

Add this code to Home > Design > Custom CSS. Replace body#...d3fb with your landing page ID.

body#collection-56e070e59f726659e9f1d3fb .Header-nav {
   display: none !important;

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
  • 2 weeks later...

Thankyou @tuanphan!

I have tried hiding the .Header-nav both through the page header code injection and in Custom CSS with the collection ID as you suggest.

With both it works at the backend, but when I view the site as a user it doesn't work until the page is refreshed. And the navigation is hidden on the other pages until they are refreshed.

Is there something else I should try?

Link to comment

I just rebuilt the page from scratch and added the code above in custom CSS again - and now it looks like like it is working! hankyou so much @tuanphan!

jaguar-elephant-dgff.squarespace.comPassword: driversofimpact

My next question is whether there is a way to hide the landing page menu item in the navigation on the rest of the pages. Grateful for tips.

Many thanks!

Link to comment


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.