Docs

[Catherine R]

hi,
I would like to disable the rev slider and replace it with one singular image for mobile devices.

I can figure out how to disable the slider on mobile devices, but when I add this CSS, I still see the image on my desktop. What am I doing wrong?

@media only screen and (max-width : 767px) {
.thisisthenameofmyclass {
display: none;
}
}

I tried adding thisisthenameofmyclass to the class section of the container as well as the image, but neither work.

thank you for your advice!

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Catherine R]

This reply has been marked as private.

[Lely]

Hi Catherine,

What that CSS means is the opposite of what you want to achieve. You’re hiding the the image on smaller screen size instead. When I checked, you first content band where you add the class doesn’t have content.

Should be like this:

@media (min-width : 768px) { /*This means the content will be hidden when starting 768 and up*/
.thisisthenameofmyclass {
display: none;
}
}

Hope this helps.

[Author]

Posts