jquery - jQuery mmenu 插件 - 更改菜单宽度大小

Question

有谁知道更改 jquery mmenu 插件的默认导航宽度大小的方法。我似乎找不到在源代码中编辑大小的位置。任何帮助将非常感激！

Answer 1

您可以尝试按以下方式覆盖默认样式：

.mm-menu {
    width:320px !important;
}

Answer 2

尝试为 .mm-menu 宽度和 mm-opening .mm-slideout 添加自定义 css 下面的代码用于响应式宽度，小屏幕尺寸为 140px 宽。

.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)}
}