Slider is busted

Hi everyone :wave:t4:

Looking for some help, Webflow’s native slider is just busted :sweat_smile: I’m at the point now where I’m not sure if it’s me or not. Can anyone help?

Firstly, from the second slide onwards - the slides aren’t filling 100% width, and are just all over the place.

Secondly on mobile, the mask despite being set to auto has a crazy-long height on it :upside_down_face:

Somebody please save my sanity. I just seem to be constantly running into issue lately.

https://preview.webflow.com/preview/connorchatting?utm_medium=preview_link&utm_source=designer&utm_content=connorchatting&preview=ecf88130a02d428aab89f58281c71d88&workflow=preview

The native slider has some limitations. I recommend finding a good fixed-pixel height on the main component vs using 100%. Choose a height that accommodates the slide with the most content. In your example screen grabs, I set the pixel height of the slider to 550 on desktop query. Then find the ideal fixed pixel height at the smaller viewports. I recommend using the width adjuster to test if all slide content works at the chosen pixel height. Attached screen grab showing the handle.

Then, remove the absolute position shift you’ve added to the slider nav.