Can I hide my top menu navigation?

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home-v11

Hello, I would like to hide the top menu navigation only on my home page header, but include it on all other pages. I will be including a separate menu navigation on the home page. Is this possible?

Pword: bluebird

Best,

Faizal

If you only want to hide the navigation only, you can add this to Design > Custom CSS:

.homepage .header-layout-nav-right .header-nav {
  display: none;
}

If you want to hide the cart and login buttons as well, you'd use this instead:

.homepage .header-layout-nav-right .header-nav, .homepage .header-layout-nav-right .header-actions {
  display: none;
}

For the benefit of others who read this post:

• This snippet is for Squarespace 7.1 only, when the site is configured with the header navigation in the top right.
• It applies to the homepage only, because the ".homepage" class has been used.

Paul thanks so much this is awesome!!! Very clever indeed!

I appreciate your time today.

Best,

Faizal

18 hours ago, paul2009 said:

If you only want to hide the navigation only, you can add this to Design > Custom CSS:

.homepage .header-layout-nav-right .header-nav {
  display: none;
}

If you want to hide the cart and login buttons as well, you'd use this instead:

.homepage .header-layout-nav-right .header-nav, .homepage .header-layout-nav-right .header-actions {
  display: none;
}

For the benefit of others who read this post:

• This snippet is for Squarespace 7.1 only, when the site is configured with the header navigation in the top right.
• It applies to the homepage only, because the ".homepage" class has been used.

 

I'm trying to do the same thing, but to a "not linked" page - I'm not sure what class to use in order for this to affect the page. My page is called One Sheet.