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

时间:2014-09-10 00:42:25

标签: jquery mmenu

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

2 个答案:

答案 0 :(得分:0)

尝试为.mm-menu width&添加自定义css。毫米开口.mm-滑出 下面的代码用于响应宽度,屏幕尺寸小,宽度为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)}
}

答案 1 :(得分:-1)

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

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