# Popup and container size + mobile

**URL:** <https://community.elfsight.com/t/popup-and-container-size-mobile/139701>\
**Category:** Customization\
**Tags:** event-calendar\
**Created:** [September 16, 2025, 1:08pm UTC](https://community.elfsight.com/t/popup-and-container-size-mobile/139701 "2025-09-16T13:08:17Z")\
**Posts on this page:** 1\
**Showing post:** 7

<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:** [September 18, 2025, 1:22pm UTC](https://community.elfsight.com/t/popup-and-container-size-mobile/139701/7 "2025-09-18T13:22:27Z")

</div>

Thank you for waiting!

Unfortunately, there is no way to move the button under description in the popup, but I’ve added this idea to the Wishlist on your behalf - [Option to move button under description in popup](https://community.elfsight.com/t/option-to-move-button-under-description-in-popup/139798)

If this request gets more votes, it might be considered in the future 🙂

And here is a CSS code to reduce the image height and make it rectangular, change image border radius and set the popup on mobile to the center:

```auto
.global-styles,
.eapp-events-calendar-media-image {
  border-radius: 20px;
  aspect-ratio: 2;
}

.global-styles,
.eapp-events-calendar-modal-mobile {
  margin-top: unset !important;
  margin-bottom: unset !important;
  align-self: center !important;
}

@media (max-width: 767px) {

  .global-styles,
  .eapp-events-calendar-popup-item-media {
    margin: 20px auto !important;
  }
}

```

  

Please try it out and let me know if you like the result 😉

---

_[View the full topic](https://community.elfsight.com/t/popup-and-container-size-mobile/139701)._