How To Make A Full Width Responsive Layer Slider


If you wish to have a full width layer slider, that is 100% responsive, and has all sublayers contained in the same spot on all screens along with a fixed height, please use these exact settings in the image below. Feel free to change the height value if you want it taller or shorter, but the other settings must be set. See the notes below.

1. The important thing is to set your width and heights, along with your Responsive under, and Sublayer container correctly. Please see the attached screenshot for an example.

2. Also make sure you are not positioning the sublayers with CSS, only use the X and Y fields to position the content.

3. For the full width responsive layer slider, leave “responsive” turned off

See the image below for a visual representation