materialize css：モバイルでもサイドナビを常に表示しますか？

Question

私はmaterialize CSSを使用しています。サイドナビゲーターを使用していて、モバイルでも表示するように設定したい私はこれには次のコードを使用していますが、動作しません。

@media only screen and (max-width: 992px) { 
    .side-nav{ 
     visibility: visible; 
     opacity: 100; 
    } 
} 

小さな画面に隠れ続ける。

Answer 1

マテリアライズでは、サイドバーの表示/非表示にCSS変換を使用しているため、表示/非表示の変更はここでは役に立ちません。非常に簡単な解決策は、translateXの変換を0に修正することです。これにより、ナビが常に表示されるはずです。

.side-nav { 
    transform: translateX(0%) !important; 
}