如何在Gumby CSS框架中更改导航栏的高度？

Question

我正在使用Gumby CSS framework。我只是想将导航栏的高度从默认的60px更改为40px。在_settings.scss文件中，我更改了＆＃34; $ navcontain-height＆＃34;至40px，但据我所知，这根本没有效果。

Answer 1

尝试设置

max-height: 40px;

我希望这会有用

编辑不要忘记更新

min-height: 60px;

到

 min-height: 40px;

或者您可以将min-height更新为40px，然后设置高度也可以

Answer 2

试试这个，

// resize navbar height to 40px
.navbar {
    min-height: 40px;
    height: 40px;
 }

.navbar ul li { 
  height: 40px; 
  line-height: 38px; 
  }

.navbar ul li > a { 
  height: 40px; 
  line-height: 38px; 
  }

// menu icon position when go to mobile mode
@media only screen and (max-width: 767px) { 
  .navbar a.toggle { 
    top: 0%;
  }
}

至少它对我有用，祝你好运