Master Slider gives you a variety of options to control slider height. You can set different height sizes relative to the active breakpoint or enable auto height option. In this article you can find all possibilities of controlling height size.
Height option
This option (height) specifies slider height in pixels. It also supports multiple values to change slider height at each breakpoint. To set multiple values, you need to define an array. The order of array indexes should be the same as?breakpoints order from large to small. For example height: [600,500,300], first index specifies the slider height in desktop size and it changes to 500px on tablet size then 300px on phone.
Other height related options
| Option name | Default value | Description | Related addon |
| minHeight | 0 | Specifies min height value of the slider. It prevents slider to appear too narrow in small screens. |
– |
| maxHeight | 0 | Specifies max height value of the slider. | – |
| heightLimit | true | Prevents the slider height gets taller than specified height option value. | – |
| autoHeight | false | Automatically changes the slider height to fill the selected slide. Enabling this option overrides all other height sizing options. |
autoHeight |
| smoothHeight | true | Enables smooth height change, only works if autoHeight is enabled. |
autoHeight |
| smoothHeightDuration | 0.5 | The transition duration of changing slider height in seconds. Only works if autoHeight and?smoothHeight are enabled. |
autoHeight |
| smoothHeightEase | Power3.easeInOut | The smooth height transition easing function. You can find available easing functions in this article. |
autoHeight |