# Reduce popup on mobile

**URL:** <https://community.elfsight.com/t/reduce-popup-on-mobile/23372>\
**Category:** Popup\
**Created:** [October 24, 2023, 9:36am UTC](https://community.elfsight.com/t/reduce-popup-on-mobile/23372 "2023-10-24T09:36:52Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Helga](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/helga/32/1155_2.png) [@Helga](https://community.elfsight.com/u/Helga)\
**Post date:** [October 24, 2023, 9:36am UTC](https://community.elfsight.com/t/reduce-popup-on-mobile/23372/1 "2023-10-24T09:36:52Z")

</div>

Add the code below to Custom CSS field on your [Popup](https://elfsight.com/popup-widget/) widget’s Settings tab:

```auto
@media(max-width: 500px){
  .global-styles, [class*="LayoutSlideIn__ModalContent-sc"], [class*="Popup__PopupCloseInsideInner-sc"] {
  transform: scale(0.9);
}
  .global-styles, [class^="Popup__PopupCloseInsideInner-sc"] {
    top:30px;
    right: 20px;
  }
}

```

---

<div class="post-metadata">

**Author:** ![Digital\_Media](https://avatars.discourse-cdn.com/v4/letter/d/6bbea6/32.png) [@Digital\_Media](https://community.elfsight.com/u/Digital_Media)\
**Post date:** [April 10, 2026, 8:39am UTC](https://community.elfsight.com/t/reduce-popup-on-mobile/23372/2 "2026-04-10T08:39:26Z")

</div>

Hi Helga!

When using it, I get this white border around my pop up, do you know how to fix it?

Thank you for this code (and all your great ones on the platform!).

---

<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:** [April 10, 2026, 11:04am UTC](https://community.elfsight.com/t/reduce-popup-on-mobile/23372/4 "2026-04-10T11:04:53Z")

</div>

Hi there and welcome to the Community, @Digital_Media 👋

Thanks for flagging this up!

Here is an updated code that should work fine:

```auto
@media(max-width: 500px){
  .global-styles, [class*="LayoutSlideIn__ModalContent-sc"], [class*="Popup__PopupCloseInsideInner-sc"] {
  transform: scale(0.9);
}
  .global-styles, [class^="Popup__PopupCloseInsideInner-sc"] {
    top:30px;
    right: 20px;
  }
}

```

  

Please try it out and let us know how it works for you 🙂