第二个导航与移动中的第一个合并

时间:2021-02-23 作者:Gonçalo Peres

当我加载网站时(https://notes.goncaloperes.com) 在手机上可以看到现有的两个菜单/导航

enter image description here

然而,当它加载时,两个导航被合并,第二个菜单按钮只能在顶部的burguer菜单中找到。

enter image description here

主导航在burguer菜单上看起来很好,但是,在合并之前看到第二个菜单会很有帮助(如第一幅图像所示)。How do I do that?

可能有帮助的信息:

在控制台中检查代码时,我可以看到idgenesis-nav-secondary 和类nav-secondary genesis-responsive-menu 具有“样式”;显示:无;。但如果我让它可见,它仍然不能解决问题,因为菜单项被移动到genesis导航主菜单(如下图所示)。请注意,即使是移动的行中的类,例如蓝色的类,也有;已移动项目导航辅助;。

enter image description here

这是第二个导航部分的外观

enter image description here

从图像中可以看出,它是隐藏的(“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;
}
可以看到出现了一条新的线。这似乎定义了第二个导航部分的底线。

enter image description here

1 个回复
最合适的回答,由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\',

这就是现在的样子

enter image description here

相关推荐

WordPress编辑角色删除外观菜单中除‘menus’之外的所有内容

我正在尝试删除对角色编辑器WP admin中外观菜单中所有内容的访问权限。或者至少,只需删除对主题和插件的访问即可。我发现了如何删除整个外观菜单,而不是像那样删除其中的一部分。这可能吗?最好是功能方面的东西。php,以便在需要时打开/关闭此选项。