Slider settings - Slider size - Responsive mode - Fullpage

Interface

Behavior

Your slider will have 100% width and the height of your screen.

It's really hard to make a slider's layers with the Full page responsive mode to behave responsively, so check out this documentation before starting to work on your layers!

Responsive - Full page

Slide width

You can give a maximum width for your slides so that they don't go too wide.

Focus
  • User interaction - Your screen will scroll to the slider first, when the user wants to switch between the slides, and he can switch only after that. 
  • Autoplay - If the autoplay option is turned on for this slider, it will bring the slider first into screen every time the autoplay switches the slider. 
Force full width

Originally your slider can be only as wide as the container it is in, but with this option you can force it to go outside its containers, and make it as wide as your screen is. This option has limitations, so it won't work in every case, and you will have to put your slider into your template or theme.

Constrain ratio

When turned off, the slider won't try to keep the slide's ratio.

Vertical offset selectors

The Full page sliders are as high as the screen is, but most people want them with smaller height, to keep for example their top menu before the slider. With this option you can give the html selectors (separated with commas) of those parts of your website, what you would like to remove from the screen height calculation. You can see here how to look for codeparts in your website.

Demo sliders

Would you like to see some example on how the Full page responsive mode is working on real sliders? Check out these demo sliders: