用wordpress博客中的所有菜单项替换移动设备上的菜单切换按钮

Question

我有我的 wordpress 博客 www.technikes.com。

您可以看到所有项目都显示在桌面/笔记本电脑的菜单上，但是当我在移动设备上打开同一个博客时，所有菜单项目都被切换菜单按钮（三行）替换，如您在此处看到的 blog on mobile with main menu three line button

我正在尝试的是我的所有菜单项（java、android、技术、关于、联系人）应该在移动设备中显示，因为它在桌面中显示。我不希望在移动设备中显示三行主菜单按钮。

我已经尝试过的：-

• 我在 wordpress 仪表板上安装了“响应式菜单”、“最大超级菜单”和“菜单项可见性控制”等插件。
• 我尝试在我的主题的 style.css 下更改“媒体屏幕和（最小宽度 600 像素）”部分。
• 我尝试更改菜单开始出现的断点（默认为 600 像素）。 它们都不起作用。

请提出一些解决方案。谢谢

Answer 1

请在更改任何内容之前进行备份。

打开style.css

第900行，更改

#main-nav-button, #top-nav-button {
    display: inline-block;
}

到

#main-nav-button, #top-nav-button {
    display: none; // it will hide the button coming on mobile.
}

在第 655 行

改变

.main-navigation {
    display: none;
}

到

.main-navigation {
    display: block; // this will display the desktop navigation
}

也在第 687 行

改变

.main-navigation ul, .top-navigation ul {
    display: none;
}

到

.main-navigation ul, .top-navigation ul {
    display: block;
}

您的最终结果将是（请查看图片）

Result