How to hide using CSS the menu and navigation


Author Message
Daniel

Posted: 6/2/2016
Quote message 

I am interested in a short CSS to can use on page/post in order to hide/disable the Menu and the Header in order to have a clean page for Landing page purposes.

I need to mention that I do not know coding of any sorts but I have a plugin that I installed which lets you use specific CSS for each page/post that you create.


Thank you in advance,
Daniel
 
Daniel

Posted: 6/3/2016
Quote message 

My website is: http://internetsolutions24x7.com/landing-page (is the page I want to hide the header and the menu in order to have a clean Landing Page)

I have used the next CSS code to the respective page:

.page-id-637 nav#.art-hmenu-5 {display: none;}
.page-id-637 header {display: none;}

As it seems only the header could be hidden ... now I do not know the code for the menu to can make it disappear as well.
 
Daniel

Posted: 6/3/2016
Quote message 

Also Artisteer themes have responsive menu and I am interested if I can hide the entire menu from all devices ... thats the menu I would like to hide from viewers.
 
Daniel

Posted: 6/3/2016
Quote message 

If someone can teach me how to find the CSS codes I need in my future projects(how to pinpoint the header/footer/menu CSS code from a website newly created or that has been created previously to this need or future needs of this kind).

A video that trains just this can be super helpful :)
 
Daniel

Posted: 6/3/2016
Quote message 

After a lot of trial and error I managed to make it work ...

Here is the code that I had to put on wp plugin - Royal Custom CSS for Page and Post:

.page-id-637 .art-nav {display: none;}
.page-id-637 header {display: none;}


Hope this helps some peoples :)