Hide Thumbnails on Mobile?

You are here

Home » Forums » Module Support » Mega Slider
jaredhawk's picture
jaredhawk
Thu, 02/16/2017 - 22:14
#1
Hide Thumbnails on Mobile?

I would like the thumbnails to hide on mobile devices, I couldn't find an answer in the documentation. Thank you! I love the product!

jaredhawk's picture
jaredhawk
Fri, 02/17/2017 - 01:45

http://www.silverlinesystems.com

jaredhawk's picture
jaredhawk
Thu, 03/02/2017 - 04:58

Thanks

phuonght's picture
phuonght
Thu, 03/02/2017 - 04:55

Sorry for your inconvenience

 Somehow our comment did not appear. Below is our solution:

slider does not have option hidden thumb on mobile by default. However you can please custom css:

/ Extra Small Devices, Phones /
@media only screen and (max-width : 480px) {
.md-thumb{display: none;}
}

You can replace value 480 with other values

jaredhawk's picture
jaredhawk
Thu, 03/02/2017 - 04:58

Perfect!

jaredhawk's picture
jaredhawk
Thu, 03/02/2017 - 05:12

I put that code into the slider css and into the theme css - where should I put it? I don't see the change - thanks

phuonght's picture
phuonght
Thu, 03/02/2017 - 05:36

Please add below code:

@media (max-width: 480px)  { 
 .md-thumb{
  display: none;
 }
}

at the end of file file /sites/all/themes/specialone/css/style.css

Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.

See Our Services

Welcome back, Buddy!

Forgot password