Global settings - Responsive mode

Based on

You can choose based on what you want to make your slider change in the tablet and mobile views.

Real device detection

Only when you watch the slider on tablets and mobile phones.

Maximum screen width

The device doesn't matter, only the screen sizen does.


On computers the screen size will matter, on tablets and phones the real device detection.

Maximum screen width

If you have chosen Maximum screen width or Combined, then give the screen width values, where you want to change your Controls and sliders if there is no device specific size defined.

If you change this setting you might mess up the slider's default responsive behavior. If you experience responsive issues, revert back to the default settings, that'll probably solve the problems.

If you need to use custom values, remember to use a different value for each view.

All portrait sizes should be smaller than their landscape size. So your values should look like this:
desktop landscape > desktop portrait > tablet landscape > tablet portrait > mobile landscape > mobile portrait

Default width percentage

By default you will be able to create a slider layout for three screen sizes, one for desktops, one for tablets and one for mobiles. This defines where those layouts should change. If you choose to turn on the landscape or portrait size for your slider, this option won't be used anymore. Those sliders will change the views at their given widths.

Also these values will make your  Fixed responsive mode slider to go as smaller, as the values you have here.

Server side mobile detect 3.2.10

If you aren't using any full page cache, turning on this option you can make our codes do the real device detection via PHP and not via JavaScript.