Add this code to the Custom CSS field on the Appearance tab of your Event Calendar widget’s settings:
@media(max-width: 500px) {
.eapp-events-calendar-list-item-info {
justify-content: center;
}
.eapp-events-calendar-list-item-infoInner {
align-items: center !important;
}
.eapp-events-calendar-list-item-mobile .eapp-events-calendar-list-item-date {
align-self: center;
}
}
Guys, if this code was helpful, please drop us a line in the comments 