如何隐藏大型桌面的基础顶部栏？

Question

我是新来的基金会。我有一个顶栏，我想隐藏它的桌面，因为我有另一个菜单。

我尝试使用hide-for-large类，但它不适用于我。 我该如何解决这个问题？

Answer 1

该类.topbar使用！显示属性上的重要。要覆盖此行为，请将以下内容添加到app.css文件或app.scss文件的底部。由于它位于文件底部，因此优先。

@media only screen and (min-width: 1440px) { 
    .topbar { 
    display:none !important; 
    } 
} 

Answer 2

尝试使用.hide-for-medium-up

Answer 3

随着基金会，如果你的皮换大班不工作，它可能是，你是有选择地包括部件，并没有包含在你的应用程序的可见性类。 scss文件@import "foundation/components/visibility";，你需要这个类来工作。