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.
Scroll Sideways in Three Steps
Select a step to see exactly which controls light up inside the Divi Horizontal Scroll panel.
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
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.
Choose the Scroll Style
Select Pinned Sections, Snap Scroll, Parallax Scroll, or Card Gallery from the section settings.
Fine-Tune the Movement
Adjust speed, smoothness, and easing to control how the horizontal scroll feels.
Add Visual Scroll Cues
Turn on progress bars, section indicators, staggered elements, or debug markers.
Controls Behind the Horizontal Motion
Enable Sideways Scroll from Design Settings
Four Scroll Type Options
Scroll Speed Adjustment
Smoothness Presets**
Easing for Natural Movement
Pin the Section on Scroll
Content Parallax Control
Entry Animation Choices
Staggered Element Motion
Progress and Indicator Toggles
Open any Divi section, go to the Design tab, expand Horizontal Scroll, and enable the effect without custom code.
Choose Pinned Sections, Snap Scroll, Parallax Scroll, or Card Gallery to match the type of horizontal layout you want.
Use the Scroll Speed control to decide how quickly the section moves as visitors scroll through the page.
Select 1 — Smooth, 2 — Medium, 3 — Slow, Instant, or 0.5 — Very Smooth for the scrub behavior.
Choose Linear, Power2 Out, Power2 In-Out, Expo Out, Sine In-Out, Back Out, or Elastic easing.
Enable Pin Section to hold the section in place while the horizontal card or content movement continues.
Turn on Content Parallax and adjust Parallax Speed to create layered motion inside the section.
Set the Enter Animation to None, Fade In, Slide Up, Slide Down, Scale Up, or Blur In.
Use Stagger Elements to separate the timing of items as they appear within the horizontal section.
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."
Sweden
"Our issue was solved fast. DiviNext takes his customers serieus. That is an important point for us."
Netherlands
"The team was very helpfull and professional! They resolved my problem in a very short time, and answered all my questions."
Italy
"Divi Next support does an outstanding job of addressing our issue; for this instance, it was our issue, not theirs. Thanks!"
United States
4.8 / 5 on Trustpilot · 90+ Verified Reviews
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 NowDivi Horizontal Scrolling Card — Key Questions Answered
How to Use Divi Horizontal Scrolling Card
Open the Divi Builder and select the section where you want the horizontal scroll effect.
Go to the Design tab, open Horizontal Scroll, and enable Horizontal Scroll.
Choose a scroll type, set the speed, smoothness, easing, pinning, parallax, animation, progress bar, indicators, and save.
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.