Splider aspect ratio slides

Avatar

By Stuart Marshall

updated 5 months ago

A really nice option with Splider is the ability to set your slides to have a fixed aspect ratio. You can set a different aspect ratio for each breakpoint (e.g. 16:9 on desktop and 1:1 on mobile). Here are some tips when using aspect ratio slides:

  • Don't add too much content to the slides (aspect ratio slides will have a limited height and therefore slide content may get cut off at the bottom if there is too much)
  • If using image slides you should use the 'cover mode' option in the parent Splider stack as this will ensure that your image will fit all of the available space (regardless of the shape / size ot the image you are using)
  • If you are using a custom aspect ratio then you need to add in the desired decimal value (use this online calculator if you need help calculating the value).

Did this answer your question?