There is a $nav-height variable which allows to change nav size. But the logo size remains hardcoded to 24px. For now I鈥檓 using css override like so:
$nav-height: 70px
@import "~bulma/bulma"
.nav-item img
max-height: 44px
But it does not seem reliable.
$nav-logo-height is exposed. Or calculated from $nav-height
logo height remains 24px
Is there any followup on this? I recently struggled on the height of navigation bar, too.
This issue could be closed. With 0.6.0 version you can do this:
$navbar-item-img-max-height: 40px;
$navbar-height: 70px;
The above code works to make a navbar height change
Edit line 6846 in the css
But it does not center navbar-items vertically as expected. How can I achieve this?
Quick hack to give the illusion of centering items vertically in navbar. Wrap nav in divs+height
<div style="height: 10px;></div>
<nav class="navbar">
...
</nav>
<div style="height: 10px;></div>
Also just wanted to point out that the new units for $navbar-height are rem, not px
Most helpful comment
Also just wanted to point out that the new units for
$navbar-heightarerem, notpx