Как изменить материализацию css sidenav breakpoint

Question

Я использую sidenav для материализации в качестве своей основной панели навигации, и мне нужно активировать верхнюю панель навигации для небольших форматов, сразу после исчезновения sidenav, но она исчезает на ширине 993px , которая является значением по умолчанию, и янужно, чтобы sidenav стал ниже, например, до 900px.

Как я могу это сделать?

Это мой уменьшенный код navbar:

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

Достаточно ли я ясен ???

Answer 1

К сожалению, я не получил никакого ответа здесь, поэтому я наконец-то понял это сам.

Я проанализировал свойства css через инспектор браузера, когда добираюсь до точки останова (ширина 993px), и это появляется:

@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;
      }