Small cards, logos or product boxes look lost when a carousel shows them one at a time.
The Carousel Anything widget from The Plus Addons for Elementor can show several slides side by side, with its own column count for desktops, tablets and phones.
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 — More than one column 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.
- In the free plugin Desktop Columns only offers Column 1.
Step 1: Set the Desktop Columns
- Select the Carousel Anything widget and open Style > Carousel Options.
- In the Desktop tab, choose Desktop Columns, for example Column 3. The options go from Column 1 to Column 12.
Step 2: Choose How Far the Arrows Move
- Set Next Previous: One Column moves one slide per click, All Visible Columns moves a whole row of visible slides.
Step 3: Set Tablet and Phone Columns
- Open the Tablet tab and choose Tablet Columns (Column 1 to Column 8).
- Open the Mobile tab and choose Mobile Columns (Column 1 to Column 6).
Publish the page and check it at different screen widths.
How It Behaves
| Screen width | Columns used |
|---|---|
| 1024 px and wider | Desktop Columns |
| 768 to 1023 px | Tablet Columns |
| 767 px and narrower | Mobile Columns |
- In our test with Desktop 3, Tablet 2 and Mobile 1, the carousel showed 3 slides at 1024 px, 2 slides at 1023 px and 768 px, and 1 slide at 767 px and 390 px.
- With One Column, Next moved from slides 1-3 to slides 2-4. With All Visible Columns it moved to slides 4-6.
- Tablet Columns and Mobile Columns start at Column 1. If you only set Desktop Columns, tablets and phones show one slide.
Limitations
- The carousel switches to the tablet columns below 1024 px. At exactly 1024 px it still uses the desktop columns, although Elementor already treats that width as tablet.
- Responsive Tablet and Responsive Mobile unlock separate autoplay, loop, dots and arrows settings for that device, and their Autoplay and Infinite Mode start switched on. In our test, turning on Responsive Tablet made the carousel autoplay on a tablet-width screen although autoplay was off for desktop. Check those switches after you turn it on.
- Multiple columns, the Tablet tab and the Mobile tab are not part of the free plugin.
Troubleshooting
Phones show only one slide
Set Mobile Columns in the Mobile tab. It does not follow Desktop Columns.
The carousel started autoplaying on tablets
Open the Tablet tab and turn off Autoplay there, or turn off Responsive Tablet.
