# Sticky header that actually sticks
URL: https://wwadd.dev/moves/css/sticky-header

`position: sticky` fails silently when an ancestor has `overflow: hidden`/`auto`, or when no offset is set. Give it a `top` and check the ancestor chain.


```css
.header {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(8px);
}

/* breaks sticky children: */
.ancestor { overflow: hidden; }
```

## Related Moves
- [Center anything](https://wwadd.dev/moves/css/center-anything)