2016-07-03 7 views
0

私はET Diviの子テーマを実行しているワードプレスサイトを持っていますが、モバイルではメインメニューがタッチしてスクロールせず、代わりに背景(ウェブサイト)がスクロールします。私はいくつかのメディアクエリなどを試していましたが、修正するにはこれを理解できませんでした。ここに私の子供のテーマスタイルシートは、アドオンコードです:WordPress Diviサイトのモバイルメニューはスクロールしません

ウェブサイトは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"; 
} 

答えて

3

申し訳ありませんが、私はもう少し演奏でそれを考え出しました。ここに解決策がありました

EDIT:将来Diviのバージョンが.et-mobile-menuから​​に変更されました。

.et_mobile_menu { 
    overflow-y:scroll!important; 
    max-height:80vh!important; 
    -overflow-scrolling:touch!important; 
    -webkit-overflow-scrolling:touch!important; 
} 
関連する問題