jquery - jQuery mmenu プラグイン - メニューの幅のサイズを変更する

Question

jquery mmenu プラグインのデフォルトのナビゲーション幅サイズを変更する方法を知っている人はいますか? ソース コード内でサイズを編集する場所が見つからないようです。どんな助けでも大歓迎です！

Answer 1

.mm-menu width と mm-opening .mm-slideout の両方にカスタム css を追加してみてください。以下のコードは、幅 140 ピクセルの小さい画面サイズのレスポンシブ幅用です。

.mm-menu{width:80%;min-width:140px; }

 @media all and (min-width:550px){.mm-menu{width:80%;min-width:140px;max-width:300px}
}

@media all and (min-width:1024px){.mm-menu{width:80%;min-width:140px;max-width:440px}
}



html.mm-opening .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:550px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}
}
@media all and (min-width:1024px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}
}