CODEWITHSUNDEEP
htmlcsswordpress
Mv27
Mv27

Reputation: 560

Remove navigation from a single page

I need to remove the menubar from the following page: demopage. I can see the menu I have to remove is inside the html tag nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation".

The page has the id 3222. I therefore tried to remove the menubar with the following CSS, but that is not working:

.page-id-3222 {
  display:none;
 }

I checked if I am hitting the class with setting all the links to be red, and that is working. So the question is how I hide the html tag nav?

Upvotes: 0

Views: 2495

Answers (3)

rushabhpathak
rushabhpathak

Reputation: 191

Go to Customize - Additional CSS and write,

.collapse {display:none!important;}

.navbar-collapse { display:none!important; } 

.bs-navbar-collapse {display:none!important;}

Upvotes: 0

Kidkie
Kidkie

Reputation: 83

With Wordpress you always have access to classes in the body tag. Just find the page-id-XXXX and add the CSS to hide it.

body.page-id-XXXX .mega-menu-wrap {
    display: none
}

If you are looking to hide a single nav item find the corresponding item in the navigation. Don't forget, if you're hiding something thru CSS it won't work if you create a new page as the page ID's will change.

body.page-id-XXXX .mega-menu-wrap .mega-menu-item-1702 {
    display: none;
}

Upvotes: 2

Akash Kumar
Akash Kumar

Reputation: 1

You are using a bootstrap that's why you need to use

.post=3222 nav {
  display: none !important;
}

and remove !important from .navbar-collapse.collapse and nav.navbar-collapse.bs-navbar-collapse

screenshot

Upvotes: 0

Related Questions