web-dev-qa-db-ja.com

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

マテリアライズでナビゲーションバーの高さを調整することはできますか?

64pxは私のサイトには少なすぎます。それを具体化することを決定する前に、私は30pxを目指していました。

10

一部の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;
    }
}
22
Allan Pereira

あなたはそのようなnavタグにクラスを追加できます:

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