Is there a way to hide the slider background image on mobile screens?
@media screen and (max-width: 800px){
.home #mainSliderWrapper {
background-image: none;
}
.stlye {
background-image: none;
}
.img--holder {
background-image:none;
}
}
I tried the above code but it didn't work. Can anyone assist me with this issue? The website in question is: The ID being used is mainSliderWrapper. Am I using the class and ID incorrectly?
Additionally, I have also tried the following:
@media screen and (max-width: 800px){
.home #mainSliderWrapper {
background: none !important;
}
#mainSliderWrapper #mainSlider .slide .img--holder {
background-image:none;
}
#mainSlider .slide .img--holder {
background-image:none;
}
#mainSlider .img--holder{
background-image: none;
}
}
Unfortunately, none of the above solutions seem to be working for me.