Skip to main content
Documentation/The Editor/Animations/Sticky

Sticky

Open Settings > Animations > Sticky, configure the controls, and save to pin an element during scrolling.

  • Position — Top / Center / Bottom in the viewport.
  • Offset — Nonnegative pixels; negative becomes zero. Set every required breakpoint explicitly: unset values use zero instead of inheriting. Top positioning also accounts for the WordPress admin bar.
  • Relative To > Parent — Containing Breakdance column, otherwise Section content container, otherwise body; not every immediate Div.
  • Relative To > Viewport — Page-body boundary.
  • Relative To > Custom — Boundary matched by Custom Selector.
  • Disable At — Disable at the selected width and below; Desktop disables all widths. Clear to remove this restriction.
Sticky settings with Position, Offset, Relative To, and Disable At

The boundary needs sufficient height. Clear Position to remove sticky behavior.

Tips

Style the Sticky State

Breakdance adds the .is-sticky class while the element is pinned. Use .bde-themeless-template-content-area-256146-124.is-sticky in the element's Custom CSS to apply styles only during that state.