当用户在移动设备上时，我希望菜单也出现，而不是隐藏。但无论我如何调整显示小选项，它都不会显示。
它目前在小屏幕上的显示方式
我希望它如何出现。（带有菜单图标）
我会确保它足够短以使其适合，但我对如何使其工作感到困惑。
非常感谢！
问问题
1082 次
2 回答
2
如果您使用的是 SASS，请打开_top-bar.scss文件，找到$topbar-breakpoint变量并将像素值设置为1px. 这将使导致foundation.topbar.js切换到移动样式的断点太小而无法发生。
如果您使用的是常规 css 文件，请搜索.top-bar-js-breakpoint样式并将其更改width为1px那里。
于 2013-06-05T22:12:22.297 回答
1
添加到 chrisjsherm 的答案，我最终这样做了。在默认的 app.scss 文件中，在导入设置文件后，立即覆盖 $topbar-breakpoint 变量。
// Global Foundation Settings
@import "settings";
// Override settings for this project only
$topbar-breakpoint: 1px;
于 2013-09-29T18:21:08.780 回答