Bulma: Navbar text color changes on resizing the window

Created on 8 Jan 2018  路  3Comments  路  Source: jgthms/bulma

A live pen here: https://codepen.io/anon/pen/jYYLwO

And a .gif showing the problem

screen recording 2018-01-08 at 01 22 pm

Why does it happen?

Most helpful comment

To fix your problem, add the "has-text-white-bis" class to the navbar-item:
https://codepen.io/anon/pen/xpjWpQ

This problem occurred because you did not nest "navbar-start" and "navbar-end" under a "navbar-menu". The "navbar-menu" is hidden at smaller resolutions. Since you did not include it, the "navbar-start" remained visible with the default black color.
https://bulma.io/documentation/components/navbar/

All 3 comments

To fix your problem, add the "has-text-white-bis" class to the navbar-item:
https://codepen.io/anon/pen/xpjWpQ

This problem occurred because you did not nest "navbar-start" and "navbar-end" under a "navbar-menu". The "navbar-menu" is hidden at smaller resolutions. Since you did not include it, the "navbar-start" remained visible with the default black color.
https://bulma.io/documentation/components/navbar/

Thanks @ek1506.

Thanks!

Was this page helpful?
0 / 5 - 0 ratings