How to make navbar smaller?

Question

UIkit

In the standard navbar, the height is 80px, is it possible to somehow reduce this height with the condition that the text will also remain centered? I tried to reduce it, I succeeded, but the text, in turn, went higher.

Answer 1

What exactly is the difficulty?

.uk-navbar-nav>li>a {
    min-height: 40px; /* уменьшили высоту */
}

or for all at once

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
   min-height: 40px; 
}

It's enough. when the styles are connected in the correct order

Answer 2

While we are waiting for Andrei, I can answer.
Yes, you can. But it is necessary to share the code, because such a menu can be assembled in several ways.

Answer 3

Answer found.
It turns out that UIKit is poor, you need to shove !important everywhere in it if you want to change the style for yourself. What for?
Thanks for the answer, as always, Andrew ;)

.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
  min-height: 50px !important;