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


Replace menu toggle button on mobile with all items of menu in wordpress blog

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

你可以看到所有的项目都显示在桌面/笔记本电脑的菜单上,但是当我在移动设备上打开同一个博客时,所有的菜单项都被切换菜单按钮(三行)所取代,就像你在这里看到的那样手机博客主菜单三行键

我正在尝试的是我所有的菜单项(java,android,technology,about,contact)应该显示在移动端,因为它显示在桌面。我不希望在手机上有三行主菜单按钮。

我已经尝试过了:-

    我在wordpress仪表板上安装了"响应菜单"answers"最大Mega菜单"answers"菜单项可见性控制"等插件。
  • 我试图改变我的"媒体屏幕和(最小宽度600px)"部分的style.css的主题。
  • 我尝试更改菜单开始出现的断点(默认为600px)。

请建议一些解决方案。由于

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

打开style.css

900行,Change

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

您的最终结果将是(请检查图像)

结果