Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 18, 2016 at 5:14 pm #600417
    Arcatech

    Hi there,
    I have a full width easy slider in my homepage BUT if I see it on mobile is a disaster.

    I tried to eliminate the padding with:
    #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {padding: 0px 5px !important;}
    and to enlarge the height, but the arrow the are behind the text!!

    See link in the private content.

    Is it possible someway to make the arrows “outside” the testimonial container?

    March 18, 2016 at 5:27 pm #600435
    Andy

    Hey Arcatech!

    try this code in Quick CSS field:

    @media only screen and (max-width: 767px) {
.avia-testimonial-content {
width: 85%;
left: 23px;
}
#top .avia-slideshow-arrows a {
margin-left: -30px;
margin-right: -30px;
}
}

    Best regards,
    Andy

    March 18, 2016 at 7:19 pm #600503
    Arcatech

    Thanks it works!

    But as you can see there is still too much white space and irregular height.

    You think is possible to enlarge the contet?

    March 23, 2016 at 4:50 pm #602618
    Yigit

    Hey!

    Sorry for the late reply!
    Please add following code to Quick CSS as well

    .responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
    padding: 0px 10px;
}

    Cheers!
    Yigit

    March 24, 2016 at 7:15 am #602889
    Arcatech

    Thank you

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Easy Slider full Responsive Problem’ is closed to new replies.