首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >从单个页面中删除导航

从单个页面中删除导航
EN

Stack Overflow用户
提问于 2018-09-04 02:07:23
回答 3查看 1.1K关注 0票数 0

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

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

代码语言:javascript
运行
复制
.page-id-3222 {
  display:none;
 }

我检查了我是否正在点击所有链接设置为红色的类,这是有效的。因此,问题是如何隐藏html标记nav

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-09-04 02:49:22

使用Wordpress,你总是可以访问body标签中的类。只需找到page-id-XXXX并添加CSS来隐藏它。

代码语言:javascript
运行
复制
body.page-id-XXXX .mega-menu-wrap {
    display: none
}

如果您要隐藏单个导航项目,请在导航中找到相应的项目。别忘了,如果你通过CSS隐藏了一些东西,如果你创建一个新的页面,它不会起作用,因为页面的ID会改变。

代码语言:javascript
运行
复制
body.page-id-XXXX .mega-menu-wrap .mega-menu-item-1702 {
    display: none;
}
票数 2
EN

Stack Overflow用户

发布于 2018-09-04 02:29:53

您正在使用bootstrap,这就是为什么需要使用

代码语言:javascript
运行
复制
.post=3222 nav {
  display: none !important;
}

并从.navbar-collapse.collapsenav.navbar-collapse.bs-navbar-collapse中删除!important

screenshot

票数 0
EN

Stack Overflow用户

发布于 2018-09-04 03:36:19

转到Customize - Additional CSS并编写

代码语言:javascript
运行
复制
.collapse {display:none!important;} 

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

代码语言:javascript
运行
复制
.bs-navbar-collapse {display:none!important;}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52154525

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档