I don’t want to show bigslider slider on mobile devices like this website http://www.storypick.com
how can i disable bigslider slider on mobile view??
Hi,
Please use this custom css in Theme Panel > Custom Css:
@media (max-width: 767px){
.iosSlider-col-3{
display: none;
}
}
Thanks!
Hi,
Try this custom css: http://screencast.com/t/tdjy763KH
@media (max-width: 767px){
.td_block_slide_big{
display: none !important;
}
}
Also if you want to hide the Big Slide only for homepage use:
@media (max-width: 767px){
.home .td_block_slide_big{
display: none !important;
}
}
Hope this helps!
Hi,
This code is tested on your site and should work: http://screencast.com/t/H6Yhed41CcP
Please clear cache and try again with code provided above.
Thanks!
Bro first this is not my site. my site is http://www.movzio.com and i clear all the cache but did not work 🙁
Hi,
You don’t want to hide entire big slide on mobile view. If you want to show only big image from the slide please try this css:
@media (max-width: 767px){
.td-big-grid-post-1,.td-big-grid-post-2,.td-big-grid-post-3{
display: none !important;
}
}
Result: http://screencast.com/t/6i26EXXGmtU – http://screencast.com/t/uiJCSK7hUj
Thanks!