基础zurb的顶级导航 - 即使在移动设备上也显示主菜单

Question

当用户在手机上时，我希望菜单也能显示，而不是隐藏。但无论我如何调整小型秀的选项，它都不会出现。

目前如何在小屏幕上显示

我希望它如何出现。 （使用菜单图标）

我会确保它足够短以使其适合，但我对如何使其工作感到困惑。

非常感谢！

Answer 1

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

如果您使用的是常规css文件，请搜索.top-bar-js-breakpoint样式并将width更改为1px。

Answer 2

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

// Global Foundation Settings
@import "settings";

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