WordPress Divi 网站移动菜单不滚动

Question

我有一个运行 ET Divi 子主题的 wordpress 站点，在移动设备上，主菜单不会在触摸时滚动，而是背景（网站）滚动。 我一直在尝试几个媒体查询等来修复，但无法弄清楚，有人有想法或遇到过这个问题吗？ 这是我的子主题样式表附加代码：

该网站是wptemp.thereverendmichael.com （确保仅针对移动设备查看调整宽度）

@media (max-width: 980px) {
#main-header {
position: fixed !important;
}
}

@media (max-width: 980px) {
.et_fixed_nav #top-header {
    position:fixed !important;
}
#mobile-menu {
    overflow-y:scroll!important;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}
}

.et_mobile_menu {
 margin-left: -30px;
 padding: 5%;
 width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
}

Answer 1

抱歉，我多玩了一点才明白。 这是解决方案

编辑：未来的 Divi 版本已将.et-mobile-menu更改为.et_mobile_menu只是想我会.et_mobile_menu一下。

.et_mobile_menu {   
    overflow-y:scroll!important;
    max-height:80vh!important;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}