Making layers responsive in Revolution Slider.

The Revolution slider plugin is very powerful and it provides an easy way to setup responsiveness of the slider.

Here are the few tricks you can use to play with the responsiveness of the layers and their content yourself.

Step 1) Go to Slider settings of the slider you are trying to edit.

Step 2) Please click Standard Slider, then Click Load a Preset link. From the options, choose second option Slideshow-Full-Width.

Step 3) Open the Slider editor again, and on the slide canvas, You will see device icons in the canvas which allows you to set custom settings for given device.

Thats it, please note that sometimes, on mobile, you might need to adjust the Slider height to match your Slider content. You can do so by going back to Slider settings as shown in below image.

Note: If you want to go even further, its recommended that you check out Official article from Slider creators here https://www.themepunch.com/revslider-doc/layer-responsive-behavior/

• Related Articles

• How to fix Slider height issue on mobile.

  Depending on height of your logo, on mobile slider can overlap with header. To fix this issue, you can increase slider height on mobile, below are the steps to do it. Click on "Slider Revolution" Select slider Click on the slider you want to edit. ...

• Lazy loading images

  To enable Lazy loading, we recommend you use  https://wordpress.org/plugins/autoptimize/ plugin, it provides Lazy loading along with very effective modification and optimisation of CSS/JS When you enable Lazyloading, you might see issue of double ...

• Remove overlay from Car single page

  In Carena theme, Car single page slider has overlay color on cars. If you want to remove it. Please enter below css in wp-admin/appearance/customise/additionalCSS box. .sp-image-container:after { background-color: transparent; }

• Legalpower Theme: How to change the look of theme

  Legalpower theme, has limited styling options. Sometimes you might need to heavily customise the theme.  Apologies to work with code, but below you can find the css that you can use to customise the theme. There are comments to define the use of the ...