Docs

[Stanley Tan]

Hi, how can I hide the menu and the top bar for multiple certain pages? *Attached screenshot of what I’m looking to hide

Here’s an example URL: http://www.selbys.net/feather-flags/

Here’s the code I’m using

.page-id-4461 .x-logobar, .page-id-4461 .x-topbar, .page-id-4461 .x-navbar-wrap {
	display : none;
}

But what if I want to replicate this for other pages? What’s the most efficient way to do this?

[Lely]

Hi There,

Thank you for the complete information. The most efficient way to do this is to add custom class on each page where you want this menu and top bar to hide. Edit those specific pages and then under Page Settings >
Body CSS Class(es) add custom class like page-with-hidden-elements. Then we can update your custom class to this:

.page-with-hidden-elements .x-logobar, .page-with-hidden-elements .x-topbar, .page-with-hidden-elements .x-navbar-wrap {
	display : none;
}

Hope this helps.

[Stanley Tan]

Ah! That’s smart, Lely.

Thanks!

[Friech]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts