Headers & Navbars
Responsive navigation bars with brand, links and call-to-action.
5 templates available
Keep the navigation small and predictable
A header helps visitors identify the website and move to important destinations. Prioritize a few meaningful choices, keep their labels clear, and place less frequent destinations in a well-labeled group. A sticky header should not consume too much of a small screen.
Connect every link to a real destination. Mobile menus need a usable trigger, an expanded state, keyboard access, and a predictable way to close. Test the current-page indicator and dropdown placement with long labels, browser zoom, and touch input.
Preview a design at desktop, tablet, and phone widths on its detail page. You can download the HTML and CSS or customize it in the code editor. Review the code reuse terms before publishing external assets.