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

Question

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

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

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

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

Answer 1

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

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

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