I’m trying to follow an example I saw on the demos where the slider is set to slides per view: auto and it maintains a dynamic width while the height is equal. So far turning on Slides per view Auto has no effect on any breakpoint. The taller images stick out at the bottom .
The Slider Component won’t display slides-per-view auto or equal height settings while you’re in Webflow Designer. These effects only appear on the published site because they require JavaScript calculations.
To set up dynamic width with equal heights (like in the demo):
In the Finsweet Components App:
Open your slider component for editing
In the Configure tab, find “Slides per view” and set it to “Auto”
Toggle on “Equal Height” to maintain consistent slide heights
Publish your site to see the effect
Keep in mind:
Equal height calculates based on the tallest slide
If you prefer slides to adjust to individual content height, use “Auto Height” instead
For the exact behavior in the 8th section of the demo, use Equal Height with Slides per view set to Auto
If you’re still having issues with these settings, @Support-Luis or @Support-Pedro can help with programmatic solutions using the Slider API.
Remember that you’ll need to publish and view the live site to see these JavaScript features in action!
@Support-Luis There is no “Equal Height” that exists in the settings. Also I am testing the results from a published page, not the editor. Let me know if you have any suggestions. Thanks
