Bulma: $nav-height doesn鈥檛 affect logo height

Created on 13 Sep 2016  路  5Comments  路  Source: jgthms/bulma

Checklist

  • [x] This is about the Bulma CSS framework
  • [x] I'm using Bulma version [0.1.2]
  • [x] I am sure this issue is not a duplicate?

    Description

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.

Expected behavior

$nav-logo-height is exposed. Or calculated from $nav-height

Actual behavior

logo height remains 24px

pinned

Most helpful comment

Also just wanted to point out that the new units for $navbar-height are rem, not px

All 5 comments

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

Was this page helpful?
0 / 5 - 0 ratings