Mobile Carousel for Elementor
Turn any Elementor Container into a responsive carousel on mobile and tablet with zero coding.
by Muhammad Rameez Khalid · github.com/mrksays/mobile-carousel-elementor · website
★ 1stars
0forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/mrksays/mobile-carousel-elementor/archive/refs/heads/main.zipAdds a Swiper-powered mobile/tablet carousel to any Elementor Container — configured entirely from the Elementor panel.
Description
Turn any Elementor Container into a responsive carousel on mobile and tablet with zero coding.
Features
- Activates only on mobile (< 768 px) and tablet (768 – 1024 px) — desktop layout is untouched.
- Slides per view — set independently for mobile and tablet.
- Space between slides control.
- Infinite loop toggle.
- Autoplay with configurable delay.
- Transition speed control.
- Arrow navigation buttons.
- Dot pagination.
- Smooth cubic-bezier transitions.
- Cleans up automatically when the viewport grows above 1024 px (e.g. on device rotation).
- Works in the Elementor editor live preview.
Installation
- Upload the
mobile-carousel-elementorfolder to/wp-content/plugins/. - Activate the plugin through Plugins → Installed Plugins.
- Open any page in Elementor.
- Select a Container that holds the items you want to carousel.
- Go to Layout → Mobile Carousel and toggle Enable Carousel.
- Configure slides, autoplay, arrows, and dots as needed.
- Save and preview on a mobile/tablet viewport.
Changelog
1.2.0
- Added Space Between, Loop, and Transition Speed controls.
- Arrows are now
<button>elements for accessibility. - Added resize/destroy logic so the carousel tears down correctly when rotating to desktop.
- Elementor editor live-preview hook added.
- Scoped arrow/pagination selectors via unique IDs — multiple carousels per page now work correctly.
1.0.0
- Initial release.