Question

我将Materialize的sidenav用作我的主要导航栏，并且我需要在小格式上立即激活一个顶部导航栏，当sidenav消失时，它会以默认值宽度 993px 消失，并且我需要使sidenav低于该值，例如降至900px。

我该怎么做？

这是我简化的导航栏代码：

<ul id="slide-out" class="sidenav sidenav-fixed">
    <li>
        <a href="/" id="logo-lg"></a>
    </li>
</ul>

我清楚了吗？

Answer 1

不幸的是，我在这里没有得到任何答案，所以我终于想通了。

当我到达断点（993px宽度）时，我通过浏览器检查器分析了css属性，这出现了：

@media only screen and (max-width: 992px) {
.sidenav.sidenav-fixed {
     -webkit-transform: translate(-105%);
      transform: translate(-105%);
  }

所以，我的问题的答案就是随心所欲地重写媒体查询，在我的情况下，我这样做了：

 @media only screen and (max-width: 992px) {
    .sidenav.sidenav-fixed {
         -webkit-transform: none !important;
          transform: none !important;
      }

如何更改实体化CSS Sidenav断点

1 个答案: