hello
i have disabled my slider for mobile users however i would like to show them something. I have created a different slider which will work on mobiles- what css tdo i need to show this?
I am guessing its a tweak to the code used to disable (though I have disabled via the slider settings):
@media only screen and (max-width: 480px) {
#layer_slider_1 { display: none; }}
Thanks
Hi digitall!
Can you please post the link to your page so we can provide you an accurate code?
Best regards,
Yigit
hi
unfortuntately my site is on an offline server so i cant show you :(
ok have this:
@media only screen and (min-width: 768px) {
div#layerslider_8 {
display: none !important;
}
}
@media only screen and (max-width: 767px) {
div#layerslider_3 {
display: none !important;
}
div#layerslider_8 {
display: block !important;
}
}
BUT on desktop I can see large block white space where the mobile slider would be (though it is hidden). How can i remove the white space?
any ideas?
Appreciate a response if possible.