Search code examples
wordpressrevolution-slider

Revolution slider change background image on mobile


I have a site which works perfect with rev slider when browsing with a desktop. But when browsing to it from mobile, the slider images don't display correctly or they are cut off. Is there a way to either switch the images within the slider when mobile browsers come to site or what can i do for mobile? I tried switching with css but that didn't work. Not sure what else can be done. Any help would be very much appreciated.


Solution

  • Initially, I didn't think you could. But, it turns out that you can! You just have to make two sliders, then cleverly hide one or the other.

    If it's just a matter of the picture dimensions, you can give each slider size a custom size. I have done this to accommodate not being able to read text on the slides when viewing on mobile. By stretching the height of the mobile version, I can now read the text on the images and, thus, problem solved.

    You can also just disable the slider when viewing on mobile, like this.