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

【问题标题】：jQuery mmenu plugin - Change menu width sizejQuery mmenu 插件 - 更改菜单宽度大小
【发布时间】：2014-09-10 00:42:24
【问题描述】：

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

【问题讨论】：

标签： jquery mmenu

【解决方案1】：

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

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

【讨论】：

我试过了，菜单是所需的宽度，但内容仍然移动超过 440 像素而不是 320 像素。有什么线索吗？

【解决方案2】：

尝试为 .mm-menu 宽度和 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)}
}

【讨论】：