Hide header on one page

Support
#1

Hi team,

I’m using Pro and have a few different headers (man I love the pro header editor!).

I’ll try and make this as clear as possible.

I’ve got my Main Menu that I’ve set for All Pages.

I’ve got a second one I use only on the ‘Food Menu’ page where I have both headers appearing (which is what I want).

THEN I have a Cocktails Menu. For this page only, I want to hide the Main Menu.

Is there a way to add an ‘exception’ page or hide using CSS for just ONE page?

Thanks!

#2

I worked it out for anyone who’s interested to know:

I gave the BAR in the Header an ID and Class of mainmenu2 then used the following CSS ONLY on the page I wanted it hidden.

#mainmenu2 { display: none;}

1 Like
#3

Thanks for sharing your solution!