Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 4, 2015 at 12:21 pm #546910
    mleonhard

    Hi,

    how can I disable the navigation and bullet buttons of the simple slider for mobile devices?
    I have tried the solutions of some of the other posts, but they do not work (I suppose because they are
    for the layer slider or fullscreen slider)
    Alternatively, can the size of the buttons and bullets be reduced so they match the size of the image on mobile devices?
    Thank you

    • This topic was modified 8 years, 11 months ago by mleonhard.
    December 4, 2015 at 5:41 pm #547136
    Elliott

    Hi mleonhard!

    Are you talking about the Easy Slider? Add this to your custom CSS.

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

    Regards,
    Elliott

    December 4, 2015 at 6:09 pm #547179
    mleonhard

    Great Elliot, that’s it thank you.
    I have used .avia-slideshow-controls, so the arrows are gone as well.
    BTW, so far I have made all such changes in Quick CSS (42 lines of code so far). Is there an
    advantage in using a child theme? Perhaps faster?
    Kind regards
    Michael

    December 4, 2015 at 7:57 pm #547252
    Elliott

    Hey!

    Not really. The Quick CSS would work fine but if you use a lot of custom CSS then I would consider placing it in a child theme so you can organize it better.

    Cheers!
    Elliott

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.