Select Page
24+ Divi 5 Extensions

Divi Horizontal Scrolling Card for Interactive Sections

Divi Horizontal Scrolling Card helps you turn standard Divi sections into smooth horizontal scroll layouts with pinned sections, snap scroll, parallax, and card gallery controls.

Rated 4.8 / 5 on Trustpilot · 90+ Verified Reviews
divi-horizontal-scrolling-card
Interactive Section 01
Interactive Section 02
Interactive Section 03
Interactive Section 04
Interactive Section 05
Horizontal Scroll ON Easing · Power2 Out Scroll Speed · 1x
73%
How It Works

Scroll Sideways in Three Steps

Select a step to see exactly which controls light up inside the Divi Horizontal Scroll panel.

Design · Horizontal Scroll Live
Enable Horizontal ScrollTurn the section into a sideways layout
Scroll TypePinned, Snap, Parallax, Card Gallery
Scroll SpeedHow fast the section moves
Smoothness & EasingSmooth, Power2, Expo, Elastic
Pin SectionHold the section while scrolling
Content Parallax & AnimationLayered motion and entry effects
Progress & Section IndicatorsShow scroll feedback
All controls live inside the Divi section Design tab — no custom code.
Features + Benefits

Build Horizontal Divi Sections with Motion Control

Horizontal Section Scroll

Turn a regular Divi section into a sideways scrolling layout

Pinned Sections

Keep the section fixed while the horizontal movement plays through

Snap Scroll

Move through content with cleaner section-to-section scroll behavior

Parallax Scroll

Add layered horizontal movement with content parallax controls

Card Gallery

Present cards in a horizontal gallery-style scroll layout

Scroll Speed

Control how fast the horizontal scroll moves on the page

Scrub Smoothness

Choose Smooth, Medium, Slow, Instant, or Very Smooth movement

Easing Control

Shape the scroll feel with Linear, Power2, Expo, Sine, Back, or Elastic easing

Enter Animation

Animate content with Fade In, Slide Up, Slide Down, Scale Up, or Blur In

Scroll Feedback

Show progress bar, section indicators, and debug markers when needed

Designed for Scroll-Based Divi Layouts

Make Divi Sections Move Horizontally.

Divi Horizontal Scrolling Card adds section-level controls for sideways scrolling, pinned layouts, parallax movement, card galleries, animations, and visual scroll feedback.

01

Choose the Scroll Style

Select Pinned Sections, Snap Scroll, Parallax Scroll, or Card Gallery from the section settings.

02

Fine-Tune the Movement

Adjust speed, smoothness, and easing to control how the horizontal scroll feels.

03

Add Visual Scroll Cues

Turn on progress bars, section indicators, staggered elements, or debug markers.

Advanced Features

Controls Behind the Horizontal Motion

1

Open any Divi section, go to the Design tab, expand Horizontal Scroll, and enable the effect without custom code.

2

Choose Pinned Sections, Snap Scroll, Parallax Scroll, or Card Gallery to match the type of horizontal layout you want.

3

Use the Scroll Speed control to decide how quickly the section moves as visitors scroll through the page.

4

Select 1 — Smooth, 2 — Medium, 3 — Slow, Instant, or 0.5 — Very Smooth for the scrub behavior.

5

Choose Linear, Power2 Out, Power2 In-Out, Expo Out, Sine In-Out, Back Out, or Elastic easing.

6

Enable Pin Section to hold the section in place while the horizontal card or content movement continues.

7

Turn on Content Parallax and adjust Parallax Speed to create layered motion inside the section.

8

Set the Enter Animation to None, Fade In, Slide Up, Slide Down, Scale Up, or Blur In.

9

Use Stagger Elements to separate the timing of items as they appear within the horizontal section.

10

Show a progress bar, section indicators, or debug markers directly from the Horizontal Scroll panel.

Rated 4.8 Stars by 90+ Divi Users on Trustpilot

"Excellent product. I used it for Divi 4 and Divi 5. And the support is perfect. So quick response and help."

EL Edvard Larsson
Sweden
Verified Review

"Our issue was solved fast. DiviNext takes his customers serieus. That is an important point for us."

MF Max Folmer
Netherlands
Verified Review

"The team was very helpfull and professional! They resolved my problem in a very short time, and answered all my questions."

SI Serena Luana Ihnatiuc
Italy
Verified Review

"Divi Next support does an outstanding job of addressing our issue; for this instance, it was our issue, not theirs. Thanks!"

SA Scott A.
United States
Verified Review

4.8 / 5 on Trustpilot · 90+ Verified Reviews

What's Included

Everything Included with Divi Horizontal Scrolling Card

  • Horizontal scroll toggle for Divi sections
  • Pinned Sections scroll type
  • Snap Scroll scroll type
  • Parallax Scroll scroll type
  • Card Gallery scroll type
  • Scroll speed control
  • Scrub smoothness presets
  • Easing style selection
  • Pin Section toggle
  • Content Parallax toggle
  • Parallax Speed control
  • Enter Animation dropdown
  • Stagger Elements toggle
  • Show Progress Bar option
  • Show Section Indicators option
  • Debug Markers option
  • Built into Divi Essential
  • Lifetime updates for Lifetime license holders
  • Priority DiviNext support

Create sideways scrolling Divi sections with motion, parallax, card gallery, animation, and progress controls built into the section settings.

Get Divi Essential Now
FAQ

Divi Horizontal Scrolling Card — Key Questions Answered

It is a Divi Essential feature that adds horizontal scroll controls to Divi section settings.
Open a section, go to the Design tab, expand Horizontal Scroll, and enable Horizontal Scroll.
The available scroll types shown are Pinned Sections, Snap Scroll, Parallax Scroll, and Card Gallery.
Yes. The Horizontal Scroll panel includes a Scroll Speed control with values such as 1x.
The panel shows Smooth, Medium, Slow, Instant, and Very Smooth scrub options.
Yes. The easing list includes Linear, Power2 Out, Power2 In-Out, Expo Out, Sine In-Out, Back Out, and Elastic.
Yes. Use the Pin Section toggle to keep the section fixed during the scroll effect.
Yes. You can enable Content Parallax and adjust the Parallax Speed.
The shown options include None, Fade In, Slide Up, Slide Down, Scale Up, and Blur In.
Yes. You can enable the progress bar and section indicators from the settings panel.
No. The controls are available directly inside the Divi section Design tab.
How-To Guide

How to Use Divi Horizontal Scrolling Card

01 Step 1

Open the Divi Builder and select the section where you want the horizontal scroll effect.

02 Step 2

Go to the Design tab, open Horizontal Scroll, and enable Horizontal Scroll.

03 Step 3

Choose a scroll type, set the speed, smoothness, easing, pinning, parallax, animation, progress bar, indicators, and save.

Give Your Divi Sections a Sideways Scroll Experience.

Get started with Divi Essential

Get started with Divi Essential
105+ Divi Modules 22+ Extensions Lifetime License 30 Days Money Back Guarantee ✓
More Extensions

More Built Into Divi Essential

Tooltip

Tooltip text with position, color, arrow, and animation controls

Cursor and Trail Effects

50 cursor, pointer trail and image trail effects

Particle Effects

40 GSAP-powered particle animations for any section

Floating Elements

Floating animated images for any section

Spotlight Effects

Cursor-driven spotlight lighting for 100+ modules

Animated Gradient

21 animated gradient backgrounds per module

Make Divi Sections Scroll Beyond the Screen.

Use Divi Horizontal Scrolling Card to create pinned, snapping, parallax, or card-style horizontal sections with smooth motion controls.