Keep announcement bar, hide navigation menu on one page

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!

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

WIth Nav, it has this ID

.header-announcement-bar-wrapper

So the code should be

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

 

Seemed to work! Many thanks!🙌