Bulma: [Question] Search Box on Mobile Navbar?

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

I am trying to add search box inside the navbar but it disappears on mobile. Is there a way to show it on both desktop and mobile?

Tried is-active on form/input but still disappears (both on navbar left/right)

<input type="text" class="is-active">

Thanks!

By the way I am currently maintaining the Bulma front-end preset for Laravel at https://github.com/laravel-frontend-presets/bulma

Most helpful comment

@Laraveldeep you should wrap <input /> with .navbar-item.
Example how can it be done: https://jsfiddle.net/emendelski/21vpsmth/

````html

````

All 3 comments

@Laraveldeep you should wrap <input /> with .navbar-item.
Example how can it be done: https://jsfiddle.net/emendelski/21vpsmth/

````html

````

@emendelski Thanks

Sorry I was not clear. What I mean was to make visible on center of navbar on both desktop/mobile. But on mobile it goes under burger menu.

I guess that's the default behavior.

That's fine.

Thanks!

Hey @Laraveldeep, did you find a solution to it?

Was this page helpful?
0 / 5 - 0 ratings