How can I hide menus on a specific page

I believe the css code is something like below but not sure with this theme.

I just have a landing page and want to remove the menu, not header, just the menus from the page

.page-id-x .x-navbar??? {

display: none;


Please help. Thanks

Hi David,

Thank you for writing in, please add this to Theme Options > CSS

.page-id-xxxx header.masthead .x-nav {
	display: none;

Where xxxx is the page id.

How To Locate Post/Page IDs
You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial


You can also do:

.x-nav {display: none !important;}

But add this to Page > CSS, so it will only affect that specific page.

Hope it helps,

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.