How do you hide navigation menu on a page

dannypage1 · December 2016

im trying to make a landing page and dont want any navigation or menu visable on the page can this be done

thank you

Albert · December 2016

Hi,

to create a landing page, please use BLANK template instead of the DEFAULT.

dannypage1 · December 2016

Hi can you share a screen shot of where this option is please

Albert · December 2016

Sure, we can https://snag.gy/JUdrSm.jpg

kristoffer86 · December 2016

But this removed the complete header. He just wants to remove the navbar, the menu. He probably still wants a header, to put that image with some strong copy in

kristoffer86 · December 2016

I tried with something like
.page-id-# .header-wrap .col-md-8{
display: none;
}

But I'm guessing the col is wrong or something but I also don't want a menu/navbar for my landingpage

Albert · December 2016

@kristoffer86 To remove just navigation, it is necessary to use custom css:

#Top_bar .menu_wrapper { display: none !important; }

kristoffer86 · December 2016

@muffingroup thank you it did the work. How about changing the height of the header? I tried using typical css but I might be getting the ID wrong or something not really sure ?

Albert · December 2016

To increase header's height, please change logo size under Theme options > Global > Logo > Advanced section.

dannypage1 · December 2016

Is it possible to do the same on a post?

Albert · December 2016

@dannypage1 To remove menu wrapper from single post pages only, you need to use below css:

.single-post #Top_bar .menu_wrapper { display: none !important; }

dannypage1 · December 2016

thank you

Albert · December 2016

You are welcome!

How do you hide navigation menu on a page

Comments