Module 58 of 71
Divi Stacking Card that piles up the story.
Each card pins in place and the next slides over it as visitors scroll. Great for features, steps and case studies.
Plan
We learn your goals and map every page before any design.
Design
A design you can click through, refined over two rounds.
Build
Built in Divi 5, fast and easy for your team to edit.
Launch
We go live, train your team and stay on hand for a month.
What is the Divi Stacking Card module?
Stacking Card is a Divi 5 module in Divi Supreme Pro that turns a list of cards into a scroll-driven stack. As visitors scroll, each card sticks near the top and the next one slides up over it, leaving a neat pile with a small offset.
Run the stack vertically or horizontally, set the sticky offset and the gap each card leaves, or turn the stacking offset off. Choose no animation, a fade, or a scale stack where cards shrink as they are covered. Each card has an image, icon, title, text and button, inline or stacked.
directions
animation types
max sticky offset
custom code
Start from a Stacking Card recipe.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Scroll inside the box.
Try every Stacking Card setting.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Everything Stacking Card can do.
Scroll stacking
Cards pin in place and pile up as visitors scroll.
Vertical or horizontal
Stack down the page, or sideways in a horizontal track.
Offsets
Sticky offset from the top, and the gap each covered card keeps.
Fade or scale
Covered cards can fade back or shrink into the pile.
Rich cards
Image, icon, title, text and button, inline or stacked.
Divi 5 native
Responsive settings and Divi styling for every part of the card.
Stacking Card documentation
Setup for Divi 5: cards, direction, offsets, animation, layout and image width.
Questions about Stacking Card.
Next module, A to Z
Star Rating Module
Related modules
Content Timeline Module
Timelines that draw as you scroll.
Card Module
A single content card.
Step Flow Module
Numbered steps with connectors.
Tell it one card at a time.
Stacking Card comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.