Uikit: Multiple height for Navbar

[ggintli95]

Dear UIkit Team,

I´m developing a web-app with UIkit 3. I´m testing the scaling of the app in browser on multiple devices. My problem is that the default navbar height (I think 80px) is too big for smaller devices e.g. iPad, iPad mini etc. The dream height would be 50px.
Maybe you could implement this feature in the future release.

Thank you in advance!

P.S.: Your framework is awesome! Thanks Guys!

Summary

Maybe a tag something like that: uk-navbar-thin would be perfect.

Priority

4. On iPad (7th. Gen & Pro 2018) the navbar is way to high.

[zzseba78]

Hi @ggintli95, you can achieve this easy with media queries, example ( less ):
But it could be a useful feature.

@media screen and (max-width: @breakpoint-small-max) {
  .uk-navbar-nav > li > a,
  .uk-navbar-item,
  .uk-navbar-toggle {
    min-height: @navbar-nav-item-height - 30;
  }
  .uk-logo {
     img {
        height: @navbar-nav-item-height - 50;
     }
  }
}