3

How can I disable the top-bar collapse for medium / small screens ?

I followed the instructions from Here but no matter what I set the min-width to, I get the same result.

4

2 回答 2

6

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

$topbar-breakpoint: emCalc(1px); /* Change to 9999px for always mobile layout */
$topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})";
于 2013-08-25T02:48:20.600 回答
1

我很欣赏这是一个老问题，但我今天遇到了这个问题，并在基金会网站文档中找到了一些东西。他们好心地创建了一个 mixin，它可以让你解开更好的顶部栏！

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

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

如果您处于需要将其应用于某些设备的情况，那么您总是可以将其包装在媒体查询中，同样，Foundation 也为此提供了一个很酷的 mixin，例如：

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

有点垃圾的场景，但你明白了

查看基金会文档

于 2018-09-04T11:03:26.580 回答