Zurb foundation 在基础ZURB顶部导航-显示主菜单,即使在移动

Zurb foundation 在基础ZURB顶部导航-显示主菜单,即使在移动,zurb-foundation,Zurb Foundation,当用户在移动设备上时,我希望菜单也显示出来,而不是隐藏起来。但无论我如何在小选项上调整节目,它都不会出现 它当前在小屏幕上的显示方式 我希望它看起来怎么样。(带有菜单图标) 我会确保它足够短,以适合它,但我相当困惑如何使它工作 非常感谢 如果使用SASS,请打开\u top-bar.scss文件,找到$topbar breakpoint变量,并将像素值设置为1px。这将使导致foundation.topbar.js切换到移动样式的断点太小,无法出现 如果您使用的是常规css文件,请搜索.to

当用户在移动设备上时,我希望菜单也显示出来,而不是隐藏起来。但无论我如何在小选项上调整节目,它都不会出现

它当前在小屏幕上的显示方式

我希望它看起来怎么样。(带有菜单图标)

我会确保它足够短,以适合它,但我相当困惑如何使它工作


非常感谢

如果使用SASS,请打开\u top-bar.scss文件,找到
$topbar breakpoint
变量,并将像素值设置为
1px
。这将使导致foundation.topbar.js切换到移动样式的断点太小,无法出现


如果您使用的是常规css文件,请搜索
.top bar js断点
样式,并将
宽度
更改为
1px

添加到chrisjsherm的答案中,我最终这样做了。在默认的app.scss文件中,在导入设置文件之后,立即覆盖$topbar breakpoint变量

// Global Foundation Settings
@import "settings";

// Override settings for this project only
$topbar-breakpoint: 1px;

难道你不认为你可以发布你用来获取上述内容的标记吗?我不能让它使用基础5来工作。