Tagged: , , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 4, 2015 at 12:41 pm #405711
    WEBIGAMI

    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

    March 4, 2015 at 2:13 pm #405751
    Yigit

    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

    March 4, 2015 at 4:09 pm #405831
    WEBIGAMI

    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 :)

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