Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #893030

    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!

    #893036

    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

    #893414

    Worked like a charm! Thank you.

    #893430

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Testimonial on mobile too small’ is closed to new replies.