Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #405711

    Hi Team,

    the nice testimonial slider looks bad on mobile devices because of the space the arrows need left and right.

    Would it be possible to remove the arrows on mobile devices and strech the space for the text?

    Thanks,
    Jan

    #405751

    Hey Jan!

    Please add following code to Quick CSS

    @media only screen and (max-width: 768px) {
    #top .av-large-testimonial-slider .avia-slideshow-arrows a {
    display: none !important; }
    #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
    padding: 0px 20px; }}

    Best regards,
    Yigit

    #405831

    Hey Yigit,

    thank you!

    With your code, it overlaps on the edges of an iPhone. I adjusted the padding to “60px 60px;” and it has enough white space on the sides.

    Thanks,
    Jan :)

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Testimonial Slider Arows on mobile’ is closed to new replies.