Home › Navigation › Sticky header
Sticky header
A header that stays pinned to the top while the page scrolls.
A sticky header is the navigation bar that stays put at the top of the screen as the user scrolls down. Logo, main links, and search stay always within reach.
Sticky headers help users orient and navigate without scrolling back up. Keep them slim — a tall sticky header eats too much screen real estate, especially on mobile.