Flexslider - switch off thumbnails on small devices?

2 replies · opened Mar 1, 2017

BbatempnetMar 1, 2017

Hi, Ive been trying to see a way to do this for a while now - finally given up so am asking the experts.
I am using flexslider
Is there anyway to switch off/hide the thumbnails on small and xs devices only. I wish to show them on medium/larger screen sizes but remove them when real estate is small? currently I can only get the thumbnails to always show or always be off?

think I might be missing something obvious so any guidance much appreciated

Best regards

SSemicolon WebSTAFFMar 19, 2017

Hello,

For this to work properly, you will need to use Custom CSS in order to control the Visibility:

.device-xs .flex-control-nav.flex-control-thumbs,
.device-xxs .flex-control-nav.flex-control-thumbs { display: none; }

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

BbatempnetApr 3, 2017

...of course thats got it - tbh I'm kicking myself - for some reason I was thinking it was a more complicated issue that it was/is.
THANK YOU VERY MUCH .

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard