Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 28, 2021 at 8:16 am #1312957
    Dave

    Hi Support
    When on a Mobile device how can we reduce the left & right side padding on Testimonial, style is ‘Slider Large’

    Home

    July 29, 2021 at 11:28 pm #1313341
    Nikko

    Hi Dave,

    Please add this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
    .responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
        padding-left: 0;
        padding-right: 0;
    }
}

    Best regards,
    Nikko

    July 30, 2021 at 12:03 am #1313349
    Dave

    Thanks for that Nikko… BUT now the slider arrows are behind the word… looks terrible.

    Can we hide the next slide arrows on mobiles as well?

    Cheers Dave

    July 30, 2021 at 3:45 am #1313359
    Nikko

    Hi Dave,

    Please replace the code I gave with this one:

    @media only screen and (max-width:767px) {
    .responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
        padding-left: 0;
        padding-right: 0;
    }

    .responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-slideshow-controls {
        display: none;
    }
}

    Best regards,
    Nikko

    July 30, 2021 at 6:19 am #1313376
    Dave

    Thanks heaps works well :)

    July 30, 2021 at 10:11 am #1313398
    Nikko

    Hi Dave,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Testimonial padding on mobiles’ is closed to new replies.