MaterialiseCSS - 自动显示固定sidenav时更改

Question

我有一个很正常的sidenav：

<a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>

<ul class="side-nav fixed" id="slide-out">
...
</ul>

但我希望它只在屏幕超大时才自动显示而不点击菜单项。

如何更改此设置？

谢谢！

Answer 1

使用媒体查询。

以下是一个示例：

@media screen and (min-width: 1024px){
  .side-nav .fixed{
    transform: translateX(0px);
  }
}

当文档宽度为1024px或更高时，这将使您的导航可见。您可以根据需要更改像素。

请参阅this fiddle.

由于导航栏已修复，您需要更改其position值或按导航宽度偏移页面内容。