リストアイテムはウィンドウサイズを縮小するときにナビゲーションバーに隠れています

Question

リストアイテムがウィンドウサイズを縮小する際にナビゲーションバーに隠れています。私はmaterializecssを使用しています。ナビゲーションバーにリストアイテムが表示されないようにする方法

<nav> 
    <div class="nav-wrapper"> 
     <a href="#!" class="brand-logo right">Logo</a> 
     <ul class="left hide-on-med-and-down"> 
     <li><a href="c.html">C</a></li> 
     <li class="active"><a href="python.html">PYTHON</a></li> 
     <li><a href="java.html">JAVA</a></li> 
     <li><a href="javascript.html">JAVASCRIPT</a></li> 
     <li><a href="webdev.html">WEB DEV</a></li> 
     <li><a href="android.html">ANDROID</a></li> 
     <li><a href="projects.html">PROJECTS</a></li> 
     </ul> 
    </div> 
</nav> 

Answer 1

私はあなたの<li>が<nav>バーCSSと衝突するかもしれないと思います。リストのピクセルを調整できます。私はブートストラップでこの経験を持っていました。あなたはクロームウェブ開発ツールを開いて、各ウィンドウサイズ（モバイル、デスクトップ）の両方のビューをチェックしてリストの位置、背景のバリエーションを確認してください。バグを簡単に見つけることができます。