Mobile View - Carousel

Hello!

I've added a testimonial slider as a Carousel List in a client website, however the sizing on mobile is off. There's far too much space between heading and body, and between body and arrows and I cant seem to find any settings that I can fix this for mobile. Can anyone help?

The height (and padding top and bottom) are due to the length of the longest quote. The section stays the same height, so needs to accommodate that and hence the shorter quotes look small.

The width and side padding are like that because the quotes are limited to 50% width (25% padding on both sides) we can fix that with some code, and that should help the height as well.

Add this to your Custom CSS:

@media only screen and (max-width:767px) {
  .list-item-content__description, .list-item-content__title {
    max-width:90% !important;
  }
}

Let me know if that helps!