# Reduce width and height of location popup on mobile

**URL:** https://community.elfsight.com/t/reduce-width-and-height-of-location-popup-on-mobile/96223
**Category:** Customization
**Tags:** store-locator
**Created:** [January 21, 2025, 6:31pm UTC](https://community.elfsight.com/t/reduce-width-and-height-of-location-popup-on-mobile/96223 "2025-01-21T18:31:30Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![user20204](https://avatars.discourse-cdn.com/v4/letter/u/ecd19e/32.png) [@user20204](https://community.elfsight.com/u/user20204)
#### Post date: [January 21, 2025, 6:31pm UTC](https://community.elfsight.com/t/reduce-width-and-height-of-location-popup-on-mobile/96223/1 "2025-01-21T18:31:30Z")

</div>

Is there a way to reduce the width and height of the popup on mobile only?

---

<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: [January 22, 2025, 1:25pm UTC](https://community.elfsight.com/t/reduce-width-and-height-of-location-popup-on-mobile/96223/3 "2025-01-22T13:25:41Z")

</div>

Hi @user20204 👋

I’ve checked your widget and see that you’ve already found a working solution:

```auto
@media (width <= 480px) {
[class*='location-card-popup'] {
max-height: 500px;
max-width: 350px;
}
}

```

There was just `}` missing at the end of the code, but I’ve added it to your widget:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/6/8/68ebbbf276d05d60e84882834e56c81e88cb2473.jpeg)

  

Let me know if it’s fine now or if you have any questions left 🙂