Как уменьшить высоту верхней строки меню

Question

Я пытаюсь уменьшить размер верхней панели меню . Но это единственный вариант, который я нашел, это line-height . Я просто установил высоту класса top bar , но он не работает. Как я могу сделать высоту заголовка меньше?

URL-адрес веб-сайта: http://starconsortiumbd.com/

Код HTML

<div class="col-sm-6">
  <div class="header-right-bar text-right">
    <ul class="contact-wrapper">
      <li class="acces">
        <ul>
          <li><i class="fa fa-envelope" aria-hidden="true"></i></li>
          <li>
            <a href="#"></a><a href="#">info@starconsortiumbd.com</a></li>

        </ul>
      </li>
      <li>
        <ul class="social-icon">
          <li><a href="https://www.facebook.com/starconsortiumbd/" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
          <li><a href="https://twitter.com/" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
          <li><a href="https://linkedin.com" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
          <li><a href="http://gmail.com/" target="_blank"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
          <li><a href="https://www.instagram.com/" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
        </ul>
      </li>
    </ul>
  </div>
  <!-- header-right-bar -->
</div>
</div>
<!-- top-bar -->
</div>
</div>
<!-- top-bar -->

Answer 1

Если у вас есть навигационная панель, попробуйте добавить это в ваш CSS-файл:

.navbar-nav > li > a {
  padding-top:5px !important; padding-bottom:5px !important;
}
.navbar {
  min-height:32px !important
}

В противном случае просто измените "navbar" на имя вашего класса.

.yourclass-yourclass > li > a {
  padding-top:5px !important; padding-bottom:5px !important;
}
.yourclass {
  min-height:32px !important
}

Если приведенный выше код не работает, попробуйте следующее:

.navbar {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: smaller;
  line-height: 1em;
}