Resize Banner Slideshow on Mobile Version

Site URL: https://www.essexdreams.com

Hello,

I have banner slideshows on my website which are badly cropped (at the sides) in the mobile version of the site. I can't seem to find the right coding to correct them. 

The affected slideshows are on the following pages:
- https://www.essexdreams.com/
- https://www.essexdreams.com/whats-happening
- https://www.essexdreams.com/promotions

Greatly appreciate some help and advice. Thank you very much!

Hi,

You mean List Section Slideshow above About section?

Hello Tuan, 

Yes, on the homepage, it's the slideshow above the About section. Thank you.

18 hours ago, GracieT said:

Hello Tuan, 

Yes, on the homepage, it's the slideshow above the About section. Thank you.

Try adding to Design > Custom CSS > Then save & reload the site

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="630f6a5fbb40052e6ac6c5ef"] ul {
    min-height: unset !important;
}
[data-section-id="630f6a5fbb40052e6ac6c5ef"] {
    min-height: unset !important;
    height: 50vh !important;
}
}