Let's say you want a slider to be displayed at the bottom-left of the page, by default it is located at the bottom-right. You can change it by adding a simple line of code position: 'bottom-left'  as illustrated in the screenshot below.

You can also specify the height of the slider in pixels or use percentages instead. These settings can be different for mobile and desktop traffic:

In the screenshot above you can see that the slider’s height is 250px for desktop devices and 10%  of screen height for mobile ones.

Did this answer your question?