Increase size of Slider container on mobile to fix image cropping

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

@media (min-width: 775px) {
.eapp-events-calendar-slider-item-imageContainer {
display: flex;
align-items: center;
justify-content: flex-end;
}

.eapp-events-calendar-slider-item-imageContainer img {
object-fit: contain;
width: auto;
max-width: 100%;
}
}
1 Like