用wordpress博客中的所有菜单项替换手机上的菜单切换按钮

我有我的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;
}

你的最终结果将是(请检查图片)

结果