Reduce font size of the events in Month layout on mobile

Add this code to the Custom CSS field on the Style tab of your Event Calendar widget’s settings:

@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;
}
}

Guys, if this code was helpful, please drop us a line in the comments :slightly_smiling_face: