Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 20, 2014 at 5:07 pm #281689
    GOWD

    Hi, on my website when the homepage Easy Slider element is viewed on a Smartphone the left and right arrows and slide circles cover much of the slides themselves making them impossible to read.
    Is there a way to turn them off on mobile devices only or completely?
    Thanks

    • This topic was modified 10 years, 5 months ago by GOWD.
    June 20, 2014 at 8:57 pm #281785
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 480px) {
.avia-slideshow{
    display: none;
}
}

    Cheers! 
    Josue

    June 23, 2014 at 12:44 pm #282392
    GOWD

    Hi Josue, thanks for your reply, that code removes the slider completely on a smartphone, what I want to know is can I keep the slider but remove the navigational overlays when displayed on a screen less than 480px?

    June 23, 2014 at 12:48 pm #282397
    Yigit

    Hey!

    Please add following code to Quick CSS instead

    @media only screen and (max-width: 480px) {
.avia-slideshow-controls {
display: none!important;
}}

    Regards,
    Yigit

    June 23, 2014 at 2:15 pm #282467
    GOWD

    Hi Yigit, that worked perfectly, you may close this thread, thank you

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