Materialize Navbarの高さ調整は可能ですか？

Question

マテリアライズのNavbarの高さを調整できますか？

私のサイトでは64pxが多すぎます。私はそれを具体化する前に30pxに行くつもりでした。

Answer 1

あなたは、いくつかの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

あなたがそのようなNAVタグにクラスを追加することができます

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