È possibile la regolazione dell'altezza di Materialize Navbar?

Question

È possibile regolare l'altezza della barra di navigazione in Materialize?

64px è un po 'troppo per il mio sito. Avevo 30px prima che decidessi di materializzarlo.

Answer 1

Bisogna ignorare alcune proprietà CSS:

nav { 
    height: 30px; 
    line-height: 30px; 
} 

nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons { 
    height: 30px; 
    line-height: 30px; 
} 

nav .button-collapse i { 
    height: 30px; 
    line-height: 30px; 
} 

nav .brand-logo { 
    font-size: 1.6rem; 
} 

@media only screen and (min-width: 601px){ 
    nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i { 
     height: 30px; 
     line-height: 30px; 
    } 
} 

Answer 2

È possibile aggiungere classe su tag nav così:

nav { 
      height: 30px; 
     line-height: 30px; 
    }