我有我的wordpress博客www.technikes.com。
你可以看到所有项目都显示在台式机/笔记本电脑的菜单上, 但是当我在移动设备上打开同一个博客时, 所有菜单项都被切换菜单按钮(三行)所取代, 因为你可以在此处看到带有主菜单的移动设备博客三线路按钮
我正在尝试的是我的所有菜单项(java, android, technology, about, contact)都应该显示在移动设备中, 因为它正在显示在桌面中。我不想在移动设备中显示三行主菜单按钮。
我已经尝试过的：
- 我在wordpress仪表板上安装了” 响应菜单” 和” Max Mega Menu” 以及” Menu Items Visibility Control” 之类的插件。
- 我尝试在主题的style.css下更改” 媒体屏幕和(最小宽度600像素)” 部分。
- 我尝试更改菜单开始出现的断点(默认为600px)。他们都不工作。
#1进行任何更改之前, 请先进行备份。
打开style.css
在第900行, 更改
#main-nav-button, #top-nav-button {
display: inline-block;
}
to
#main-nav-button, #top-nav-button {
display: none;
// it will hide the button coming on mobile.
}
655行
更改
.main-navigation {
display: none;
}
to
.main-navigation {
display: block;
// this will display the desktop navigation
}
也在第687行
更改
.main-navigation ul, .top-navigation ul {
display: none;
}
to
.main-navigation ul, .top-navigation ul {
display: block;
}
你的最终结果将是(请检查图片)
【用wordpress博客中的所有菜单项替换手机上的菜单切换按钮】结果
推荐阅读
- 替换woocommerce面包屑中的home链接
- 删除WordPress WooCommerce StoreFront标头样式
- 从WordPress编辑页面屏幕中删除主编辑器
- 删除WordPress侧边栏小部件中的空标题
- jenkins pipeline 使用groovy操作文件提示java.io.FileNotFoundException: ×××××.txt (No such file or directory)
- linux自动同步时间centos服务器时间同步简单即用版
- 《持续集成实践指南》第1章 DevOps实践简介
- #yyds干货盘点#ssh批量管理主机
- 教你如何在Linux上安装并配置Vim编辑器#yyds干货盘点#