skip to content
HeyBrazadownload →

Webflow logowebflow · HeyBraza shows you

webflow sticky position not working

HeyBraza walks up your element tree, spots the parent with overflow hidden that's killing sticky, and points right at it.

you set position to sticky in webflow and it just... scrolls away like normal. ninety percent of the time the cause is the same: a parent element has overflow set to hidden, scroll, or auto, which silently breaks sticky on every child. here's how to find and fix it.

or do it yourself

  1. 1select your sticky element and confirm position is 'sticky' with a top (or bottom) value set - sticky does nothing without an offset.
  2. 2in the navigator, click each parent up the tree (especially body and page-wrapper) and check its style panel.
  3. 3find any parent whose overflow is set to hidden, scroll, or auto, and change it back to 'visible'.
  4. 4if you needed overflow hidden to stop horizontal scrolling, move it to a different wrapper that isn't an ancestor of the sticky element.
  5. 5republish and test - sticky only works while inside its direct parent's height, so make sure that parent is tall enough.

let HeyBraza do this with you

HeyBraza is a tiny on-screen guide that points at the right buttons and talks you through it, on windows and mac.

download

common questions

why is my webflow sticky element not sticking?

a parent element (often body or page-wrapper) has overflow set to hidden, scroll, or auto - change it to visible and sticky starts working.

does sticky need a top value in webflow?

yes - sticky elements ignore the setting unless you give them a top or bottom offset like 0px.

more fixes