I have a one-page webpage built as page, but I need a blogpage for news too. So I set in the main-menu a page for posts. That’s all fine, all example posts are in but I don’t need the menu on top and in the footer, because it will only work on the static one-page.
With the custom css from the visual composer I tried to set on the blogpage a display:none for the navbar and the menu in the footer with `.x-navbar{visibility: hidden; display: none;}
.x-nav{visibility: hidden; display: none;}`It works, But all posts are not shown because wordpress loose the settings to take this page as blogpage. that’s totally weired.
When I safe all settings which page should use as blogpage again, the blogpage works with all example posts, but it shows the menu in the top and the menu in the footer again.

How can I set a display none for the menu only for the blogpage with the news? I tried this in the customer css but it is wrong:

blog .x-navbar{visibility: hidden; display: none;} 
blog .x-nav{visibility: hidden; display: none;} 

Can you please help to fix it?

Best

jens

Thanks for writing in,

Can you please provide URL to your site for us to advise accordingly,

Cheers

Thank you for dropping by!

It seems that the CSS you have added to Customizer > Custom > CSS is wrong. “blog” is the class the <body> tag. A class always starts with a period “.” sign in CSS. So the updated code would be:

.blog .x-navbar{visibility: hidden; display: none;} 
.blog .x-nav{visibility: hidden; display: none;} 

I have also added this styling. So the issue should be fixed now 🙂

Hope this helps. Please let us know if you still face any issue, we will be happy to assist.

Thank you

J.

.blog .x-nav{visibility: hidden; display: none;}

Removes both

Thank you for writing in!

Simply add the following CSS code instead of the one provided above:

.blog header .x-navbar,
.blog header .x-nav {visibility: hidden; display: none;}

It should hide only the top navbar.

Hope this helps. 🙂

Thank you.