How to fix white space under mobile slideshow without losing slides?

[Courtney_Hogan]

Hello,

I have a large wide white space under my slideshow on the homepage - on mobile only. I spoke to the website creators and they gave me the code to fix the white space (see below; online store/themes/actions/edit code/assets/stylesheet.css.liquid) however, when I do this it fixes the space but only the 1st banner in the slideshow is shown, the rest of the slides are white / blank. 

@media screen and (max-width: 740px) {
ul.slides li {
padding-bottom: 0 !important;
}
}

URL is www.cleoharper.com.au

Screenshots attached. 

[dmwwebartisan]

@Courtney_Hogan 

Please add the following code at the bottom of your assets/stylesheet.css file.

@media only screen and (max-width: 740px){
.slide--44410f67-297a-4097-a5d5-538372897b23 {
padding-bottom: 0px !important;
}
}

Hope this works.

Thanks!

[Courtney_Hogan]

Thank you so much, unfortunately it didn't work - didn't make any change.

We have the Icon theme.

 

[dmwwebartisan]

@Courtney_Hogan 

Please try the following code.

@media screen and (max-width: 980px)
li#slide--44410f67-297a-4097-a5d5-538372897b23 {
    padding-bottom: 0px !important;
}
}

[Courtney_Hogan]

Thank you, but unfortunately no change.

I've attached the stylesheet.css.liquid file - maybe the new code is conflicting with existing?

[dmwwebartisan]

@Courtney_Hogan 

Remove previous code and try this code

@media screen and (max-width: 740px){
#slide--44410f67-297a-4097-a5d5-538372897b23 { padding-bottom: 0px !important;}
}

Thanks!

[Courtney_Hogan]

No change. 

I've contacted the theme developers, will see what they say.

Thank you very much for your help!