Mobile width setting

[AndyF]

Can we add or way to change the width depending on device

It little big on Mobile - and if you change the width for mobile then Desktop is a little too small?

Reduce popup on mobile

Add the code below to Custom CSS field on your Popup widget’s Settings tab: @media(max-width: 500px){ .global-styles, [class^="WidgetBackground__Container"], [class^="Popup__PopupCloseInsideInner-sc"] { transform: scale(0.9); } .global-styles, [class^="Popup__PopupCloseInsideInner-sc"] { top:30px; right: 20px; } }

You might want to a scale option in UI instead of using css

[Max]

Hello @AndyF

Thanks a bunch for your feedback!

I cannot but agree that it would be great to have a setting for this in the configurator. If more users upvote this request, it might be considered in the future

[Max]

Guys, if you’d also like to change the popup width on mobile, please use this code in the Custom CSS field on the Settings tab of your widget’s settings:

@media (width <= 480px) {
  [class*='Popup__PopupContent-sc'] {
    width: 80% !important;
  }
}

[Nicholas_Hanstad]

Would love to see an adjustable width for mobile and desktop, rather than just one width that effects both. The alignment on mobile is off centered and the pop-up is too large, but if I shrink it it’s smaller than I’d like on my desktop

[Max]

Hi there and welcome to the Community, @Nicholas_Hanstad

Thank you for the feedback!

I agree that it would be handy to have this option right in the settings, and we already have a Wishlist request for this. I’ve moved your comment to the related thread, where we’ll keep you updated.

In the meantime, you can change the widget width on mobile using the CSS code from the message above