Display different images on different screen sizes in Slider Revolution

This article will show you how to display different images on different screen sizes in Revolution Slider.

Step 1 - Go to Slide Layout and enable all Custom Grid Sizes

Step 2 - Insert 4 different Image Layers into your slide

Step 3 - Select the "Desktop" Image Layer and configure the Layer Mobile/Device Visibility settings shown below.

Show/hide layer on screens higher than 1024px width (regular desktop view).

Step 4 - Select the "Laptop" Image Layer and configure the Layer Mobile/Device Visibility settings shown below.

Show/hide layer on screens 1024px wide or higher (tablet landscape).

Step 5 - Select the "Tablet" Image Layer and configure the Layer Mobile/Device Visibility settings shown below.

Show/hide layer on screens 768px wide or higher (tablet portrait / smartphone landscape).

Step 6 - Select the "Mobile" Image Layer and configure the Layer Mobile/Device Visibility settings shown below.

Show/hide layer on screens 360px wide or higher (smartphone portrait).