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

Question

我使用的是Wordpress下划线主题，它工作得很好。我的菜单是使用: wp_nav_menu(...)生成的

然而，我在默认布局中看到，当我在IPad专业版上查看时，顶部菜单是折叠的(与线条一起显示，就像我在智能手机上查看一样)。在普通的笔记本电脑屏幕上，布局很好。

有没有什么我可以在.css中调整，以防止完全折叠(我对在智能手机上显示不感兴趣)，或者指定菜单应该只在1200px的宽度下折叠。

Answer 1

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

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

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

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

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

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

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