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

Question

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

Answer 1

尝试这个，

// 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%;
  }
}

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

Answer 2

尝试设置

max-height: 40px;

我希望这会奏效

编辑不要忘记更新

min-height: 60px;

至

 min-height: 40px;

或者您可以将 min-height 更新为 40px 然后设置 height 它也可以工作