Jump to content

Keep announcement bar, hide navigation menu on one page

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://www.eightmonroe.squarespace.com

Hi Community!

I need some assistance and any help would be great.

I'm currently building a website for prospective clients to illustrate different layouts "templates" for websites to choose from (ie Lead Capture Pages in x4 different layouts such as split layout, large hero image, one with a big form, etc.). These Lead Capture pages shouldn't have the main navigation menu. There will be only one page as a  "single-scrolling website" example that will require the full navigation menu.

So, in order to better illustrate how the websites will actually look I thought it would just be easier to link all of the pages into the Announcement Bar and hide the main navigation menu on the pages I need to.

I've tried the code, which works great to hide both the Nav and Announcement Bar...

//*Hide Navigation on Split Layout Page*//
#collection-628f2844d267862301ebbf62 #header { display: none }

But I'd only like to hide the Nav.

  • Any code out there that will make this happen?
  • Or any other suggestions?

Website: https://eightmonroe.squarespace.com/
P*ssword: HelpMe!

Link to comment
On 7/18/2022 at 4:14 PM, tuanphan said:

WIth Nav, it has this ID


So the code should be

#collection-628f2844d267862301ebbf62 .header-announcement-bar-wrapper { display: none; }


Seemed to work! Many thanks!🙌

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.