# Mobile width setting

**URL:** <https://community.elfsight.com/t/mobile-width-setting/81322>\
**Category:** Popup\
**Tags:** Gathering-Feedback\
**Created:** [November 10, 2024, 5:20pm UTC](https://community.elfsight.com/t/mobile-width-setting/81322 "2024-11-10T17:20:47Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![AndyF](https://avatars.discourse-cdn.com/v4/letter/a/82dd89/32.png) [@AndyF](https://community.elfsight.com/u/AndyF)\
**Post date:** [November 10, 2024, 5:20pm UTC](https://community.elfsight.com/t/mobile-width-setting/81322/1 "2024-11-10T17:20:47Z")

</div>

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

 ![Screenshot 2024-11-10 at 17.18.35](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/8/2/82949e42af0eb84395d3afb4ef7b196f176dc1f8.png)  
It little big on Mobile - and if you change the width for mobile then Desktop is a little too small?

> [@Reduce popup on mobile](https://community.elfsight.com/t/reduce-popup-on-mobile/23372):
>
> Add the code below to Custom CSS field on your [Popup](https://elfsight.com/popup-widget/) 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

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [November 11, 2024, 4:41pm UTC](https://community.elfsight.com/t/mobile-width-setting/81322/2 "2024-11-11T16:41:36Z")

</div>

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 🙂

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [November 11, 2024, 4:43pm UTC](https://community.elfsight.com/t/mobile-width-setting/81322/3 "2024-11-11T16:43:58Z")

</div>

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:

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

```

---

<div class="post-metadata">

**Author:** ![Nicholas\_Hanstad](https://avatars.discourse-cdn.com/v4/letter/n/22d042/32.png) [@Nicholas\_Hanstad](https://community.elfsight.com/u/Nicholas_Hanstad)\
**Post date:** [October 9, 2025, 9:00pm UTC](https://community.elfsight.com/t/mobile-width-setting/81322/4 "2025-10-09T21:00:17Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [October 10, 2025, 6:15pm UTC](https://community.elfsight.com/t/mobile-width-setting/81322/5 "2025-10-10T18:15:47Z")

</div>

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 🙂