Static Image for Mobile

[digitalmaori]

Greetings beautiful humans:

We have revolution slider disabled for mobile and added:

@media (max-width: 767px) {
.x-slider-container.below {
min-height: 300px;
background-image: url(https://tewero.nz/wp-content/uploads/2021/07/MobileCover1.jpg);
background-size: cover;
}
}

As suggested in a previous post, but it’s still not showing. How do we show a static image instead of the slider for mobile devices?

Thanks!

[nabeel]

Hi @digitalmaori,

Thank you for reaching out to us. This could be possible by using custom CSS. While that is outside the scope of support, I could point you in the right direction with the understanding that it would ultimately be your responsibility to take it from here.

If you have already disabled the slider for mobile devices then try replacing the class .x-slider-container.below with [class*="rev-slider"] because I couldn’t find the class you’re targeting on your homepage.

Hope this helps!

[digitalmaori]

Thanks Nabeel - much appreciated.

[prakash_s]

You are most welcome @digitalmaori