# 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:** 4

<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 16, 2025, 3:59pm UTC](https://community.elfsight.com/t/popup-and-container-size-mobile/139701/4 "2025-09-16T15:59:24Z")

</div>

Unfortunately, the only solution to display the long event names in 2 lines on mobile view is to reduce the font size using this CSS code:

```auto
@media screen and (max-width: 480px) {
    .fc-event-title {
      height: 22px;
      font-size: 8px !important;
      word-break: break-all;
      padding: 0;
    }
    
    .fc-event-time {
      font-size: 8px !important;
    }
    
    .fc-daygrid-event {
      white-space: normal;
    }
}

```

We already have a request to improve the mobile view for the Month layout and you can upvote this idea here - [Mobile display for Monthly schedule style](https://community.elfsight.com/t/mobile-display-for-monthly-schedule-style/13916).

As for the ideas, I’ve forwarded your request to the devs and will inform you once I have any news 🙂

---

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