Listenelemente werden in der Navigationsleiste beim Reduzieren der Fenstergröße ausgeblendet

Question

Listenelemente werden in der Navigationsleiste beim Reduzieren der Fenstergröße ausgeblendet. Ich verwende materializecss. So vermeiden Sie, dass Listenelemente in der Navigationsleiste ausgeblendet werden.

<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

Ich denke, Ihre <li>CSS mit <nav> bar kollidieren. Sie können das Listenpixel anpassen. Ich hatte diese Erfahrung im Bootstrap. Sie sollten Chrome Web Developer Tool öffnen und überprüfen Sie für jede Fenstergröße sowohl (Mobile, Desktop) anzeigen und überprüfen Sie die Listenpositionen, Variationen im Hintergrund. Sie können den Fehler leicht finden.