Bulma: [SOLVED] Must the modal be ONLY 640px wide? Is it because of responsiveness? I need MAX width - tnx

Created on 13 Mar 2018  路  6Comments  路  Source: jgthms/bulma

Bulma: 0.6.2

Currently going back to using modals and struggling to find the most elegant minimalist way
to allow content to be both just about full-width AND hopefully responsive.

I am mainly needing to overcome the 640px width and make it as wide and as full as possible.

Firstly: is there any reason why 640px is max width? Is it something to do with
break-points/responsiveness etc.?

I wish the modal to open up, have mobile-view (and desktop) scroll-able content which can also be
close with the 'X' in the right corner.

Thanks for considering my request here - quite a puzzle for me.

Most helpful comment

Hej !

Is there a way to change width using a helper something like is-wide ?
I mean, I want to have it 640px many times but sometimes a larger one, how to achieve that in a clean way please ?
Or maybe just adding a custom width to the modal-card is enough ?
Thanks !

All 6 comments

Try the image modal. It鈥檚 fuullwidth.

WOW - thank you CAPTAIN :-)

HOW I missed the VARIABLES I'll never know !!!
Thanks for the great documentation and super-helpful assists here.

https://bulma.io/documentation/components/modal/
https://github.com/jgthms/bulma/blob/master/sass/components/modal.sass#L1,L29

No problem

Hej !

Is there a way to change width using a helper something like is-wide ?
I mean, I want to have it 640px many times but sometimes a larger one, how to achieve that in a clean way please ?
Or maybe just adding a custom width to the modal-card is enough ?
Thanks !

I have the same use case as @filt3rek. Is there any bulma way to change the width for individuell modal windows instead of global variable?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

rogervila picture rogervila  路  3Comments

swthate picture swthate  路  3Comments

JenCant picture JenCant  路  3Comments

Laraveldeep picture Laraveldeep  路  3Comments

guillecro picture guillecro  路  3Comments