Make any element — a widget, section, column or container — stick in place while the page scrolls, entirely from the Elementor panel and with no code. Tiger Sticky uses native CSS sticky positioning where it can and a smart fallback inside the editor, so what you preview matches the front end.
Where: select any element in the Elementor editor, then open Advanced → Tiger Sticky.
Core setup
- Enable Sticky — the master on/off switch for this element.
- Stick To — Top or Bottom of the viewport.
- Top Offset / Bottom Offset (px) — the gap from the edge (0–500), responsive per breakpoint.
- Enable On — choose Desktop, Tablet and Mobile independently, so you can switch sticky off on small screens where it might crowd the layout.
- Z-Index — stacking order once stuck (default 100).
- Sticky Width and Sticky Alignment — control how the element sizes and positions itself once it leaves the normal document flow.
Stuck-state styling
A separate Stuck State Styles group restyles the element only while it is actively pinned — ideal for a header that shrinks and gains a translucent background as you scroll past it:
- Background color and Backdrop Blur (px) — for a frosted-glass bar.
- Padding (stuck) and Scale (stuck) — tighten or shrink the element once it sticks.
- Box Shadow — lift the stuck element off the content beneath it.
- Enter Animation (None / Fade / Slide Down / Slide Up) with a Transition Duration (ms) — plays the moment the element becomes stuck.
Advanced behavior
- Hide When Scrolling Down — reveal the sticky element only when the visitor scrolls back up (a common “smart header” pattern).
- Offset for Admin Bar — on by default; automatically accounts for the WordPress admin bar so a top-stuck element isn’t hidden behind it.
- Stop At (CSS selector) — release the element from sticky when a matching element (for example a footer) scrolls into view, so it doesn’t overlap later content.
- Activate Stuck Styles After (px) — under the Scroll Trigger heading, delay the stuck-state styling until the page has scrolled a set distance.
How it works
On the front end Tiger applies native position: sticky and watches a 1px sentinel with an intersection observer to know exactly when the element pins, toggling the stuck-state class. Inside the Elementor editor, where native sticky can’t be previewed reliably, it falls back to a lightweight fixed-position simulation so you can see the effect as you design.
Troubleshooting
My element doesn’t stick.
Native sticky needs room to move: if the element’s parent is too short, or an ancestor has overflow: hidden, sticky can’t engage. Try applying Tiger Sticky to a higher-level section or container, and confirm Enable On includes the device you’re testing.
The stuck header hides behind the admin bar.
Leave Offset for Admin Bar on. It only affects logged-in users who see the admin bar; visitors are unaffected.