Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 8, 2018 at 1:38 pm #982691
    bakbek

    Hi, the slider arrows are missing on mobile, how can I get them back?
    Also, how can I right align the name under the testimonial?

    Thanks.

    July 8, 2018 at 3:43 pm #982707
    Mike

    Hey DROR,
    Please try this css in your Quick CSS, please adjust opacity to suit.

    @media only screen and (max-width: 767px) {
.responsive #top .avia-slideshow-controls a {
    display: block !important;
}
.responsive #top .av-large-testimonial-slider .avia-slideshow-arrows a {
    opacity: 0.5 !important; 
}
.responsive #top .av-large-testimonial-slider .avia-testimonial-meta-mini {
text-align: right !important; 
}
}

    Best regards,
    Mike

    July 8, 2018 at 3:55 pm #982711
    bakbek

    Thanks Mike. How can I make this element be wider on mobile? There’s a lot of empty space on both sides and the text is very narrow.

    July 8, 2018 at 5:28 pm #982732
    Mike

    Hi,
    Try this css:

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

    Best regards,
    Mike

    July 8, 2018 at 5:40 pm #982736
    bakbek

    Thanks!

    July 8, 2018 at 5:42 pm #982738
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

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