Bulma: navbar collapses when screen width is <= 1024px

Created on 28 Aug 2020  路  2Comments  路  Source: jgthms/bulma


This is about Bulma.



Overview of the problem

This is about the Bulma CSS framework

I'm using Bulma version [0.9.0]
My browser is: Chrome

Description


When the browser width is <= 1024px, the nav bar collapses. Is there a way I can set the 1024 to a much smaller value? Thanks.

Steps to Reproduce

<nav class="navbar is-primary" role="navigation" aria-label="dropdown navigation">
   <div class="navbar-item has-dropdown is-hoverable">
     <a class="navbar-link">
       Docs
     </a>

     <div class="navbar-dropdown">
       <a class="navbar-item">
         Overview
       </a>
       <a class="navbar-item">
         Elements
       </a>
       <a class="navbar-item">
         Components
       </a>
       <hr class="navbar-divider">
       <div class="navbar-item">
         Version 0.9.0
       </div>
     </div>
   </div>
 </nav>

Expected behavior


image

Actual behavior


image

Most helpful comment

Have you tried changing the value of $navbar-breakpoint?

All 2 comments

Have you tried changing the value of $navbar-breakpoint?

It works! Thank you so much!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Wikiki picture Wikiki  路  3Comments

guillecro picture guillecro  路  3Comments

jaredreich picture jaredreich  路  3Comments

leofontes picture leofontes  路  3Comments

JenCant picture JenCant  路  3Comments