To make the content of your slider responsive, you should navigate to the slider editor, and in the upper right corner of the slide select the device you want to adjust the content for.
You will notice that in this section you can also disable the slider for certain devices by toggling the On/Off switch for each device. Then arrange the content for each device so that it remains within the dotted borders:
Notice the difference between the desktop layout and mobile layout:
Please note that you can’t manipulate the background image this way, only the content within the layers of your slides.
In order to adjust the background image, you need to navigate to Slide Options in the upper right corner of the screen, then in Image Settings choose a background fit that best suits your needs:
It’s quite likely that your image won’t be visible in its entirety across all devices, depending on the image proportions, but this way you can control how it will be displayed.
Keep in mind that this setting applies across all screen sizes, so you won’t be able to choose a different background fit for each device separately; but you be able to see how it looks on each of them on the fly by switching through the devices as shown above.
Another setting that affects responsiveness of the slider is Layer Area Size located in Module General Options > Layout:
These options let you determine the dimensions of your slider for different device types.
You can also take a look at our tutorial on Slider Revolution here.