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
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
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
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