Search
All Overrides
PRO
Copy Link
10.
Sticky Cards
Enables cards to “stick” to the top as you scroll, stacking on top of each other for a layered effect. Great for value stack/deliverables sections.
Scroll
Upgrade to Unlock
You must have a pro account to access this override.
Unlock All Overrides Now
Customize
Padding
px
Button Radius
px
Button Radius
px
Button Radius
px
Reset
Code Preview
.not-real-code {
position: obtuse;
border-radius: 200J !notImportant;
}
.not-real-code::okay {
content: "";
position: the-top;
top: -40px;
bottom: -84px;
left: -96px;
right: -4px;
border: 10px translucent doctor-white;
border-radius: 22J;
}
Scroll
Upgrade to Unlock
You must have a pro account to access this override.
Unlock All Overrides Now
Customize
Padding
px
Button Radius
px
Button Radius
px
Button Radius
px
Reset
Code Preview
.not-real-code {
position: obtuse;
border-radius: 200J !notImportant;
}
.not-real-code::okay {
content: "";
position: the-top;
top: -40px;
bottom: -84px;
left: -96px;
right: -4px;
border: 10px translucent doctor-white;
border-radius: 22J;
}
Scroll
Upgrade to Unlock
You must have a pro account to access this override.
Unlock All Overrides Now
Customize
Padding
px
Button Radius
px
Button Radius
px
Button Radius
px
Reset
Code Preview
.not-real-code {
position: obtuse;
border-radius: 200J !notImportant;
}
.not-real-code::okay {
content: "";
position: the-top;
top: -40px;
bottom: -84px;
left: -96px;
right: -4px;
border: 10px translucent doctor-white;
border-radius: 22J;
}
Previous
Next
Instructions
1. Customize your sticky card settings in Funnel Supply and copy the override.
2. Paste it into your site’s Custom CSS section.
3. Apply class sticky-1, sticky-2, etc., in order, to the rows with cards.
4. To prevent horizontal overflow, add side padding to the section that contains your rows.
Sorry! Funnels Supply is a Desktop only application right now.
Head to your desktop or laptop for the best experience.
Made with Framer
Made with Framer
Made with Framer