Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1312957

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

    #1313341

    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

    #1313349

    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

    #1313359

    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

    #1313376

    Thanks heaps works well :)

    #1313398

    Hi Dave,

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

    Best regards,
    Nikko

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Testimonial padding on mobiles’ is closed to new replies.