Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #546910

    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.
    #547136

    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

    #547179

    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

    #547252

    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

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