跳过菜单div并显示内容

Question

在https://themes.getmotopress.com/2019/上我正在处理的WordPress主题上，菜单变成一个圆圈，并且当屏幕分辨率降低时，多余的菜单项会放入其中。

我想停止显示<div class="main-menu-more">，所有元素都会列在主容器中。我已经使用了代码

.main-navigation .main-menu-more {
    display:none;
}

哪个隐藏了更多菜单，但是里面的元素没有显示？

Answer 1

尝试这种样式，希望对您有用，但是您必须根据需要升级样式

 @media (max-width:500px){
.submenu-expand{
    display: none;
}
.main-navigation .sub-menu {
    background-color: transparent;
    position: relative;
    opacity: 1;
    left: 0;
}
.main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return {
    color: #0073aa;
}
.sub-menu:hover{
position: relative;
}
}

Answer 2

我检查了您当前正在使用的WordPress的源代码，并确定通过从class =“ submenu-expand main-menu-more-toggle is-empty”中删除单词“ toggle”将变为class =“ submenu-expand main-menu-more is-empty”将不再将菜单隐藏在圆圈中，而将仅成为响应式网页的一部分。

代码来自WordPress的按钮部分。使用文本编辑器上的搜索功能，只需使用“ submenu-expand main-menu-more-toggle”值搜索类属性，然后从中删除单词“ toggle”。它对我有用。

让我知道进展如何。