Mat*_*ker 0 html css wordpress
我有一个运行 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";
}
Run Code Online (Sandbox Code Playgroud)
对不起,我多玩了一点才明白。这是解决方案
编辑:未来的 Divi 版本已经改变.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;
}
Run Code Online (Sandbox Code Playgroud)