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;
  }
}