BACK TO DIRECTORY

Arts Horizontal Scroll for Elementor

by Artem Semkin

5.0
(1 ratings)

One widget that adds a pinned horizontal scroll section to Elementor: the section holds still while its panels travel sideways as the page scrolls. Panels are free-form content – real Elementor Containers, on the same nested-elements foundation as Elementor’s own Mega Menu – so you design them right in the canvas, like any other layout. And there’s no Pro version: this is the whole thing.

Free-form panels

Most ways to get horizontal scrolling in Elementor make you author the content somewhere else: a saved template picked from a dropdown, a section elsewhere on the page wired up by CSS ID, or a repeater with fixed image-and-text fields. Here a panel is a real Container. Drop widgets into it, nest layouts inside it, style it directly in the editor, next to the rest of your page. The pin runs live in the canvas too: scroll the editor and the section scrubs exactly like the frontend.

How it behaves on phones and tablets

On phones and tablets the section becomes a vertical stack by default: panels flow as normal full-width blocks, nothing to swipe against. You can keep horizontal scrolling on touch if you want it, and the responsive Layout control switches any breakpoint to the vertical stack – using your site’s own Elementor breakpoints, not a hardcoded list. If a visitor’s browser can’t run the effect at all, it shows the same designed vertical layout – content is never trapped.

Part of the page, not the whole page

The widget is a normal section in your page’s vertical flow, not a whole-page takeover. Open the page with one, drop another between regular sections, use several on the same page – each pins and scrubs independently, and the page scrolls vertically as usual before, between, and after. You choose how much page scroll each section consumes, and the reveal can run right-to-left. Mixed vertical and horizontal scrolling, wherever it fits your layout.

Works with Elementor Pro’s effects and one-page menus

Elementor Pro’s Scrolling Effects keep working inside the section – element and background effects follow each panel’s ride across the stage instead of freezing while the section is pinned. One-page navigation works too: anchor links and shared URLs scroll to the exact panel, and with Elementor Pro’s menu widget the highlighted menu item follows the panel on stage. Entrance animations, lazy-loaded media, and visibility-triggered widgets fire as their panel comes into view, and Pro’s page Scroll Snap keeps working around the section.

RTL and multilingual sites

On a right-to-left page the section mirrors itself – panels lay out right-to-left and the ride runs the other way, with the first panel still shown first. Nothing to configure, and either direction can be forced per section. WPML, Polylang, TranslatePress, and Weglot need no setup either: panels translate like the rest of the page, and every language keeps its own scroll direction.

Screenshots

The Horizontal Scroll widget in Elementor's Layout category, next to Container and Grid.

The Horizontal Scroll widget in Elementor's Layout category, next to Container and Grid.

Panels are real Elementor Containers – add or remove them in the widget, design them in the canvas.

Panels are real Elementor Containers – add or remove them in the widget, design them in the canvas.

Layout: stack panels vertically on touch devices or at any breakpoint, and set the gap between them.

Layout: stack panels vertically on touch devices or at any breakpoint, and set the gap between them.

Scroll: pinned section height, direction, how much page scroll the section consumes, and a pin offset for sticky headers.

Scroll: pinned section height, direction, how much page scroll the section consumes, and a pin offset for sticky headers.

Plugin Details

Active Installs
10
Total Downloads
611
Version
1.3.0
Requires WP
6.5
Requires PHP
8.0
Tested Up To
7.1
Added
2026-07-20
Last Updated
2026-09-09 6:20pm GMT

Ratings

5
1
4
0
3
0
2
0
1
0