Modal not wide enough in mobile

Support
#1

Hi, I’m trying to get a Modal to be wider on mobile. It is showing up with a lot of padding on either side and looks very narrow on mobile. I’ve tried setting the width to be 100% and setting the max-width to 100% but nothing seems to work. Any ideas?

Screenshot 2021-09-15 at 1.30.24 PM
Screenshot 2021-09-15 at 1.30.24 PM1284×2778 351 KB
Screen Shot 2021-09-15 at 1.31.12 PM
Screen Shot 2021-09-15 at 1.31.12 PM736×690 32.8 KB
Screen Shot 2021-09-15 at 1.31.08 PM
Screen Shot 2021-09-15 at 1.31.08 PM674×676 27.5 KB

#2

Hello @petitshoo,

Thanks for writing in!

To get your issue resolved, please set the maximum width on smaller screens to 90%-95% and then you also need to change the Dimension to x1.

Maximum Width:

Screen Shot 2021-09-16 at 9.48.40 AM
Screen Shot 2021-09-16 at 9.48.40 AM756×674 46.2 KB

Dimensions:

Screen Shot 2021-09-16 at 9.48.52 AM
Screen Shot 2021-09-16 at 9.48.52 AM710×644 35.6 KB

Kindly let us know how it goes.

#3

That did it! Thanks so much!

#4

Hello @petitshoo,

Glad that @ruenel was able to help you.

Thanks

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.