当我加载网站时(https://notes.goncaloperes.com) 在手机上可以看到现有的两个菜单/导航
然而,当它加载时,两个导航被合并,第二个菜单按钮只能在顶部的burguer菜单中找到。
主导航在burguer菜单上看起来很好,但是,在合并之前看到第二个菜单会很有帮助(如第一幅图像所示)。
How do I do that?可能有帮助的信息:
在控制台中检查代码时,我可以看到idgenesis-nav-secondary
和类nav-secondary genesis-responsive-menu
具有“样式”;显示:无;。但如果我让它可见,它仍然不能解决问题,因为菜单项被移动到genesis导航主菜单(如下图所示)。请注意,即使是移动的行中的类,例如蓝色的类,也有;已移动项目导航辅助;。
这是第二个导航部分的外观
从图像中可以看出,它是隐藏的(“style=”display:none“,我们从灰色中可以看到)。
如果在HTML中,在浏览器控制台中,删除style="display: none;"
并在附加CSS中添加以下内容
nav#genesis-nav-secondary.nav-secondary.genesis-responsive-menu{
display: inline;
}
或
nav#genesis-nav-secondary.nav-secondary.genesis-responsive-menu{
display: unset;
}
可以看到出现了一条新的线。这似乎定义了第二个导航部分的底线。
最合适的回答,由SO网友:Gonçalo Peres 整理而成
在里面functions.php
, 将function magazine\\u responsive\\u menu\\u settings()更改为以下内容:
function magazine_responsive_menu_settings() {
$settings = [
\'mainMenu\' => __( \'Menu\', \'magazine-pro\' ),
\'subMenu\' => __( \'Submenu\', \'magazine-pro\' ),
\'menuClasses\' => [
\'combine\' => [
\'.nav-primary\',
\'.nav-header\',
],
],
];
return $settings;
}
基本上,在联合收割机中,我删除了
\'.nav-secondary\',
这就是现在的样子