Bulma: 'Non Responsive' Navigation Bar?

Created on 5 Jun 2018  路  7Comments  路  Source: jgthms/bulma

This is about Bulma.

Overview of the problem

This is about the Bulma CSS framework
I'm using Bulma version [0.7.1]

Description

I have a use case for the navigation bar, in which I do not want it to be responsive. I do not want the hamburger menu and need to keep the top level menu as is.

Reading the docs I cannot find a class / helper for this and google is not my friend also.

I believe something is going on with the navbar-dropdown class when Bulma goes below a particular breakpoint.

How can I override this behaviour please?

Most helpful comment

I was able to achieve this by adding some additional classes to my component and overriding the default behaviour 馃憤

cool, but can you share you solution?

All 7 comments

I was able to achieve this by adding some additional classes to my component and overriding the default behaviour 馃憤

I was able to achieve this by adding some additional classes to my component and overriding the default behaviour 馃憤

cool, but can you share you solution?

Oh pleeease. This is the most evil thing you can dooo. I want slution PLZ.

I would like to know the solution for this too

My navbar is not responsive please help I have copied all the correct code form Bulma Docs but still it is not working

@Chipplayer This is very unrelated to this issue.

Put these two lines into your html file if you haven't already: https://bulma.io/documentation/overview/start/#code-requirements

If this helps anyone, I set $navbar-breakpoint: 0; so the navbar doesn't get a chance to become responsive and it works quite nicely (perhaps check out the margins / paddings of the elements to make it look nicer). (v0.7.4)

Was this page helpful?
0 / 5 - 0 ratings

Related issues

dotMastaz picture dotMastaz  路  3Comments

choonggg picture choonggg  路  3Comments

scottgrayson picture scottgrayson  路  3Comments

Laraveldeep picture Laraveldeep  路  3Comments

JenCant picture JenCant  路  3Comments