物化Navbar高度调整是否可行？

Question

是否可以在Materialise中调整导航栏的高度？

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 {
            height: 30px;
        line-height: 30px;
    }