Html 如何更改MaterializeCSS sidenav断点

Html 如何更改MaterializeCSS sidenav断点,html,css,responsive-design,materialize,Html,Css,Responsive Design,Materialize,我使用materialize的sidenav作为我的主导航栏,当sidenav消失时,我需要直接激活小格式的顶部导航栏,但它在宽度993px上消失,这是默认值,我需要能够使sidenav低于该值,例如降低到900px 我该怎么做 这是我的简化导航条形码: <ul id="slide-out" class="sidenav sidenav-fixed"> <li> <a href="/" id="logo-lg"></a>

我使用materialize的sidenav作为我的主导航栏,当sidenav消失时,我需要直接激活小格式的顶部导航栏,但它在宽度993px上消失,这是默认值,我需要能够使sidenav低于该值,例如降低到900px

我该怎么做

这是我的简化导航条形码:

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

我够清楚吗?

不幸的是,我在这里没有得到任何答案,所以我最终自己找到了答案

当我到达断点(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;
      }