簡體   English   中英

WordPress Divi 網站移動菜單不滾動

[英]WordPress Divi site mobile menu not scrolling

我有一個運行 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";
}

抱歉,我多玩了一點才明白。 這是解決方案

編輯:未來的 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;
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM