Banner Slideshow has way too much vertical padding on mobile

Site URL: https://rippletotalexperience.com/

Hi all

As shown in the screenshots below, my banner slideshow section looks great on desktop but has way too much padding on mobile. All padding has been set to 0 where possible.

Can anybody suggest how I might be able to fix?

Many thanks.

https://rippletotalexperience.com/

It happens not for banner, others content is responsible for that. Check other content.

12 hours ago, Spark-Plugin said:

Hello @evemarden, give this code a try, this should work, also see attached screenshot for reference:

1. Navigate to Pages > Website Tools > Custom CSS.
2. Paste the code into the CSS editor.
3. Hit Save and you’re done

/* Adjust Slide Content Margin for Small Screens */
@media screen and (max-width: 767px) {
    .user-items-list-banner-slideshow .slide-content {
        /* Sets the margin for small screens */
        margin-bottom: -40px !important; /* Adjust this value as needed */
    }
}

 

Thankyou so much Spark-Plugin!