防止菜单栏在 wordpress 下划线主题中折叠

Question

我使用的是 Wordpress 下划线主题，效果很好。我的菜单是使用以下方法生成的： wp_nav_menu(...)

但是我在默认布局中看到，当我在 IPad Pro 上查看时，顶部菜单是折叠的（显示有线条，就像我在智能手机上查看一样）。在普通的笔记本电脑屏幕上，布局很好。

我可以在 .css 中进行调整以完全防止折叠（我对在智能手机上显示不感兴趣）或指定菜单应仅在 1200 像素的宽度下折叠。

Answer 1

是的，在 style.css 文件中您可以找到以下代码：

@media screen and (min-width: 37.5em) {
   .menu-toggle {
       display: none;
   }

   .main-navigation ul {
       display: flex;
   }
}

它的作用是使 heaader.php 文件中的主导航导航标记内的列表显示为属性 flex，并在宽度为 adobe 37.5em 的设备中隐藏菜单按钮切换。

如果您不想对主题样式进行各种更改，您可以修改@media 查询中的值。例如，如果您希望在 1200 像素以下的设备中折叠，您可以设置：

@media screen and (min-width: 1200px) {
   .menu-toggle {
       display: none;
   }

   .main-navigation ul {
       display: flex;
   }
}

Prevent menu bar collapsing in wordpress underscores theme