在移动设备上显示隐藏的二级菜单，而不将主菜单设置为默认展开

Question

我正在使用基于 Genesis 的“No Sidebar Pro”WordPress 主题。默认情况下，此主题在移动设备上隐藏二级/页脚菜单。 StudioPress 的支持人员告诉我，从 CSS 中删除以下内容将使二级菜单在移动设备上可见。

.js nav {
  display: none;
  position: relative;
}

确实，这确实会根据需要在移动设备上显示二级菜单，但是现在主菜单默认为在页面加载时展开。当我保持上述代码不变时，主菜单将默认在页面加载时关闭。

如何修改此 CSS 以使页脚菜单显示在移动设备上，但主菜单默认为关闭？

Answer 1

不要删除这些样式，而是在其下方添加以下内容。

.js nav.nav-secondary {
    display: block;
}

这应该可以解决您的问题。