satsilem
5/9/2020 - 10:59 AM

Bootstrap | Change navbar height

Bootstrap | Change navbar height

 /*
https://bootstrapious.com/p/how-to-change-bootstrap-navbar-height
 */
 
 .navbar {
  min-height:70px;
}

.navbar-brand {
  padding: 0 15px;
  height: 70px;
  line-height: 70px;
}

.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 23px;
  padding: 9px 10px !important;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 26.5px;
    padding-bottom: 26.5px;
    line-height: 27px;
  }
}