从单个页面删除导航

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;}