01
Discover
We learn about your goals, your customers and what is not working today.
Layout & motion
Sticky Stacking Cards for Breakdance
Cards that stack on top of each other as you scroll. Each card carries its own label, title, text, image and button.
02
Plan
A clear scope, timeline and fixed quote before any work begins.
03
Build
Design and development with regular check-ins so you always see progress.
04
Launch
Testing, training and a smooth go-live with support afterwards.
This is the real element, running with its sample content.
Sticky stacking
Cards pin to the top and the next one slides over it. You set the offset per card.
Image on either side
Place each card's image left or right, and control its width and fit.
Auto-numbering and scale
Number the cards automatically and scale the covered card down slightly.
Turns off on small screens
Set a width below which stacking is disabled and cards simply flow.
Add it to your page in 3 steps
1
Open your page in Breakdance
In WordPress, go to Pages, hover over your page and click Edit with Breakdance.
Pages
Your page
Edit with Breakdance
2
Open the element panel
Click the plus button at the top left, then open the BreakUI Pro group and find Sticky Stacking Cards.
Add
BreakUI Pro
Sticky Stacking Cards
3
Drag it into your layout
Drop it into a section or container. It loads with sample content so you can see it working right away.
Drag
Drop on the page
Done
What it looks like in the editor
Real screenshots from the Breakdance editor. Select the element, then use the Content tab for your data and the Design tab for the look.
The main settings
Select the element in Breakdance. Everything lives in two tabs.
Content tab
Your text, items, links and behavior. Change the sample content and you are done.
Design tab
Colors, typography, borders, spacing and layout, with the normal Breakdance controls.
Element Width
Set the width in percent, pixels, em, rem, vw or vh, plus max width, min width and alignment.
Design
Spacing
Element Width
Style it your way
The Design tab has these groups. Everything uses the normal Breakdance design controls.
Layout
Sticky Top Offset
Stack Offset Per Card
Card Min Height
Scroll Gap Between Cards
Card
Image
Width
Fit
Typography
Label
Title
Text
Button
Typography
Background
Text Color
Keep the cards similar in height so the stack looks even.
Increase Stack Offset Per Card to see more of the cards underneath.
More free elements
ConversionAnnouncement Bar
ConversionSticky Contact Bar
ConversionTrust Badge Strip
ConversionComparison Table
Local businessService Areas Grid
Local businessBusiness Hours Live
Layout & motionScrollytelling Steps
Layout & motionCursor-Follow Hover List
Layout & motionTimeline
Layout & motionBefore / After Slider
Data & chartsBar Chart
Data & chartsLine Chart
Data & chartsPie & Doughnut Chart
Data & chartsPolar Area Chart
Data & chartsRadar Chart
DeveloperSyntax Code Highlighter
Get BreakUI ProFree, no account, no license key.
Download the plugin