Sticky Header
A sticky header stays visible at the top of the screen as the visitor scrolls, so the menu and the main button are always within reach.
In plain English
The header scrolls away like normal content, then pins itself to the top, usually shrinking a little or gaining a background as it does.
Most themes and builders offer it as a switch on the header row, with settings for when it engages and what it looks like once it has.
Why it matters
On a long page it removes the scroll back to the top before anyone can act. That is most of its value, and it is real.
It costs vertical space, though, which is scarce on a phone. A sticky header that takes a fifth of a small screen is worse than no sticky header.
How it works
-
A trigger point starts itImmediately, or after a set distance down the page.
-
The bar is fixed to the topSitting above the content on its own layer.
-
It usually restyles itselfA solid background, a shadow, a smaller logo.
-
Sometimes it hides on scroll downReappearing when the visitor scrolls up, which returns the space.
Give jump links room
Anchor links land under a fixed header unless you add scroll margin the height of the bar. It is the most common bug a sticky header introduces.