Table of Content
- Step 1 : Enable all custom breakpoints
- Step 2 : Insert image layers
- Step 3 : Configure the layer’s device visibility
Step 1
Enable all Custom Breakpoints inside the Module Settings
![](https://www.sliderrevolution.com/wp-content/uploads/2018/12/layout-1.jpg)
![](https://www.sliderrevolution.com/wp-content/uploads/2018/12/activate-breakpoints.jpg)
Step 2
Insert 4 different Image Layers into your slide
![](https://www.sliderrevolution.com/wp-content/uploads/2018/12/add-image-layers.jpg)
Step 3
Select each Layer in the Timeline Editor and configure its Mobile/Device Visibility settings, enabling a only a single visibility for each Image.
![](https://www.sliderrevolution.com/wp-content/uploads/2018/12/select-layer.jpg)
![](https://www.sliderrevolution.com/wp-content/uploads/2018/12/responsive-behavior.jpg)
![](https://www.sliderrevolution.com/wp-content/uploads/2018/12/layer-single-viewport.jpg)
Display different images on different screen sizes