Hello!
I’m trying to reduce the amount of padding around my testimonials when viewed on mobile. I tried the suggestions on this support ticket but none work – https://kriesi.at/support/topic/why-do-testimonials-have-extra-padding-on-mobile/
I don’t want to get rid of the arrows or reduce the font size, I just want this section to be wider on the page.
Help!
Thanks!
Hey taylorchiu,
Try this code in the General Styling > Quick CSS field:
@media only screen and (max-width: 767px) {
.responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
padding: 0px !important; }
#top .avia-slideshow-arrows a {
margin: -30px -35px 0 !important; }
}
Best regards,
Mike
Worked like a charm! Thank you.