Row above navbar causing issue about gumby

[chambaz]

Hey,

I see the issue here, it occurs when there's no logo in your nav bar. When the mobile styles are applied the <ul> is hidden and the visible logo retains the navbar height. However, when the logo is removed there is effectively no content inside the navbar which is why it loses it's background color. The 1px line appears to come from the hidden <ul> which is actually rendered at 1px height for some reason. We need min-heights to ensure the navbar doesn't collapse when the logo is removed.

We are looking into this issue, I'll keep you posted. Or please feel free to submit a pull request if you find a fix.

[craigkeller]

@heyneff Thanks for reporting this! It seems that the issue was with column classes within the nav inheriting the min-height property from their global counterparts. I added .navbar .column, .navbar .columns {min-height: 0;} which kicks in at the all-phones breakpoint to the scss. thanks again! Hope this works for you!

[heyneff]

@chambaz @craigkeller Thanks guys, both for the explanation and the quick fix. That did the trick!