Mega Menu
Design & UXAn expanded navigation panel that opens from a top-level menu item — also called a mega nav — showing multiple columns of links, categories, and featured…
Design & UX
Sticky Header
Fixed Header | Persistent Navigation
Robert KlimantCo-founder
What is Sticky Header?
A sticky header, sometimes called a fixed header or persistent navigation, is a navigation bar that stays anchored to the top of the screen as the visitor scrolls down a page. Unlike a static header that disappears once the user scrolls past it, a sticky header remains visible — keeping menu items, the logo, and often a primary CTA always accessible. It's a standard pattern on modern websites and SaaS dashboards.
Why it matters
Long pages punish visitors who decide to act after they've scrolled. Without a sticky header, they have to scroll all the way back up to reach the menu or the demo button. Most won't. A sticky header keeps the primary path one click away — book a demo, sign up, contact — at any point in the visit. The catch is screen real estate. A sticky header takes vertical space, which is precious on mobile. The right move is a slim sticky bar that shrinks or hides on scroll-down and reappears on scroll-up, so it's there when the visitor wants it and out of the way when they don't.
How it works
Engineers implement a sticky header with CSS — usually `position: sticky` or `position: fixed` — so the navigation stays pinned as the page scrolls beneath it. Designers decide what's inside: logo, primary nav items, search, a primary CTA, sometimes a phone number or login link. On mobile, the header collapses to a logo and a hamburger menu to save space. Advanced implementations use JavaScript to detect scroll direction — hiding the header when the visitor scrolls down (reading mode) and revealing it when they scroll up (navigating mode). The whole thing is performance-light and accessible — focusable, keyboard-friendly, and announced correctly by screen readers.
Related terms
Sticky CTA
MarketingA call-to-action that stays visible as the visitor scrolls — usually a button fixed to the header or footer — so the ask is always one click away, no matter…
User Interface
Design & UXThe visible part of a digital product — the buttons, menus, forms, layout, typography, icons, modals — that a person actually touches, clicks, and reads to get…
User Experience
Design & UXHow it feels to use a product from start to finish — the speed, the clarity, the flow, the copy, the moments of friction, the parts that just work — not just…
Above the Fold
Design & UXThe part of a webpage that's visible before the visitor scrolls — a term borrowed from newspaper print — the area where the headline, value prop, social proof,…
Responsive Design
Design & UXDesigning a website so it adapts to every screen size — phone, tablet, laptop, ultrawide monitor — instead of forcing one fixed layout that breaks the moment a…