从单个页面删除导航

Question

我需要从以下页面中删除菜单栏：demopage。我可以看到我必须删除的菜单位于html标签nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation"内。

该页面的ID为3222。因此，我尝试使用以下CSS删除菜单栏，但这不起作用：

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

我检查了是否将所有链接设置为红色，从而达到了正常的效果。所以问题是我如何隐藏html标签nav？

Answer 1

使用Wordpress，您始终可以访问body标记中的类。只需找到page-id-XXXX并添加CSS即可将其隐藏。

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

如果要隐藏单个导航项，请在导航中找到相应的项。别忘了，如果您要通过CSS隐藏某些内容，那么创建新页面将无法正常工作，因为页面ID会发生变化。

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

Answer 2

您正在使用引导程序，这就是为什么需要使用

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

并从!important和.navbar-collapse.collapse

中删除nav.navbar-collapse.bs-navbar-collapse

screenshot

Answer 3

转到“自定义-其他CSS并编写”，

.collapse {display:none!important;} 

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

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