Zurb Foundation禁用顶栏折叠

Question

如何禁用中/小屏幕的顶栏折叠？

我按照Here的说明操作，但无论我将最小宽度设置为什么，我都会得到相同的结果。

Answer 1

如果您使用的是SCSS版本，则可以修改断点。

$topbar-breakpoint: emCalc(1px); /* Change to 9999px for always mobile layout */
$topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})";

Answer 2

我很欣赏这是一个老问题，但是今天我遇到了这个问题，并在Foundation网站文档中找到了一些东西。他们友好地创建了一个mixin，它将使您可以拆开顶部栏，这更好了！

只需将以下内容添加到您的SCSS代码中：

.element {
  @include top-bar-unstack;
}

如果您需要将其应用于某些设备，则可以始终将其包装在媒体查询中，Foundation对此也很酷，例如：

.element {
  @include breakpoint(medium only) {
    @include top-bar-unstack;
  }
}

有点垃圾，但您明白了

See Foundation Docs