Hi!
For some time now, I’ve been hiding a layerslider on the desktop version of my website by adding this code in the “customize” section:
@media only screen and (min-width: 767px) {
#layerslider_70{
display:none!important;
}
}
Please keep in mind that I don’t know anything about CSS :) but I found this solution online (probably here on the forum, can’t remember) and it worked perfectly. However, yesterday I updated Enfold to the last version (4.7.5) and this solution doesn’t work anymore. My layerslider, which is only intended for mobile, is fully visible also on desktop.
I hope that’s clear, can you help?
Thank you
Hey armonicafilm,
Sorry for the problem. It looks like the ID of the element has changed, please try this CSS instead of your current:
@media only screen and (min-width: 767px) {
#layerslider_70_10i4fvwuachk{
display:none!important;
}
}
Best regards,
Rikard
Hello Rikard,
I replaced the code but it still doesn’t work. Do you have any other suggestion?
Thank you very much!
Hi armonicafilm,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 767px) {
.home #layer_slider_1 {
display: none;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi!
This works now, thank you very much!
Best,
Roberta
Hi Roberta,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria