Hide revolution slider on mobile

[FerryTimmer]

Hi There!

I’m trying to disable/hide the revolution slider on mobile devices. However disabling it in the slide settings isn’t succesful as you can see in my settings in this image;

This is the section shown on mobile; the fullscreen video isn’t playing, but the button is visible and the background is dark.
(for some reason the image appears cropped (top and bottom cut off) on this uploaded image)

How do I disable the slider revolution completely on mobile devices?

[jade]

Hi @FerryTimmer,

Please try adding this code in the Global CSS:

@media (max-width: 480px) {
    .x-slider-container {
        display: none;
    }
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Hope this helps.