zurb基础顶部导航栏更改断点

我想使基础页面中的顶部导航栏折叠到菜单窗体中的时间比默认情况下更早，因为在较低分辨率的桌面屏幕中，它会半折叠并且不在移动视图中或完整的桌面视图。我尝试修改以下行：zurb基础顶部导航栏更改断点

@media only screen and (min-width: 40.063em) { <---This is the line I changed 
     .top-bar { 
     background: #333333; 
     *zoom: 1; 
     overflow: visible; } 
    -----many more lines-------------------------

它的工作方式，因为酒吧在重新调整大小，但菜单停止工作崩溃。任何想法如何我可以做到这一点？任何帮助将不胜感激，谢谢。（我使用的方式基金会5）

来源

2014-02-17 oibanuelos

我知道这是一个老问题，但如果你还没有找到答案，或其他人谁可以查看此...

看起来你是一个好开始。

围绕线1662

@media only screen and (min-width: 9999px) { 
    .top-bar { 
    background: #333333; 
    *zoom: 1; 
    overflow: visible; }

但实际上，需要在2个额外的位置变化。

围绕线3714：

meta.foundation-mq-topbar { 
    font-family: "/only screen and (min-width:9999px)/"; 
    width: 9999px; }

围绕线1436：

meta.foundation-mq-topbar { 
    font-family: "/only screen and (min-width:9999px)/"; 
    width: 9999px; }

全部答案就在这里：Changing Topbar breakpoint using css?

希望这有助于！

来源

2014-05-01 21:08:02 oxocode

zurb基础顶部导航栏更改断点

回答

相关问题