Hello Enfold Team,
First of all: Thank you a lot for your great work!
I created two layer sliders:
layerslider_1
layerslider_2
My goal is that layerslider_1 only appears on the Desktop and layerslider_2 only appears on mobile.
I used this CSS:
………………………………………………………………………………………………….
@media only screen and (min-width: 768px) {
div#layerslider_2 {
display: none !important;
}
}
@media only screen and (max-width: 767px) {
div#layerslider_1 {
display: none !important;
}
div#layerslider_2 {
display: block !important;
}
}
…………………………………………………………………………………………….
but it did not work. Could you please help me? I created a temporary login for you. Thanks a los!
Greetings Felix
Thanks a lot !! Now the mobile version of the website looks perfect. But you can still see both sliders on the desktop.
All I did was “Hide on mobile”. What do I have to do to hide the second slider on the desktop?
Greetings
Felix
Hi,
You had the wrong ID this should work:
@media only screen and (min-width: 768px) {
div#layer_slider_2 {
display: none !important;
}
}
Best regards,
Jordan Shannon
Sadly this did not work. Is there another possibility to disable layer slider 2 for the desktop ?
Hi Felix-A ,
I put the code on top of your Quick css and cleared the cache and the slider disappeared.
Please check.
Best regards,
Victoria