Popup and container size + mobile

Ask the Community Customization
4

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:

@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.

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