Most carousels slide from side to side. In a tall, narrow space, sliding up and down often fits better.
The Carousel Anything widget from The Plus Addons for Elementor has a Vertical slider mode. The slides are stacked, and each move scrolls the carousel up or down by one slide.
To check the complete feature overview documentation of The Plus Addons for Elementor Carousel Anything widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Pro — Slider Mode Vertical needs The Plus Addons for Elementor Pro. The Carousel Anything widget itself is free.
- Widget to enable: Carousel Anything, switched on under The Plus Addons > Widgets.
- Slides: one saved Elementor template per slide, created under Templates > Saved Templates and published.
Steps
- Add the Carousel Anything widget and add your slides in Content.
- Open Style > Carousel Options.
- Set Slider Mode to Vertical.
- In the Desktop tab, set Desktop Columns to the number of slides that should be visible at once. In vertical mode they are stacked on top of each other.
Publish the page to see the carousel move vertically.
How It Behaves
- Slides are stacked vertically. With Column 2, two slides are visible, one above the other.
- In our test the Next arrow moved the carousel up by one slide, so the second and third slides were shown.
- Slide Direction and Slide Animation are hidden in vertical mode. A Right to Left direction that was set before switching to Vertical has no effect.
Limitations
- Vertical mode is not part of the free plugin. In the free widget the option reads Vertical (Pro) and shows an upgrade notice.
- There is no Fade in/Fade out animation in vertical mode.
Troubleshooting
Slide Direction is missing
That is expected: the option is only shown for Horizontal.
Only one slide is visible
Increase Desktop Columns in the Desktop tab.
