Headers Blocks
Header blocks provide the navigation structure for your site. These Payload CMS header components include responsive navbars with site branding, navigation links, optional CTA buttons, and mobile hamburger menus.
1 block available — free to copy and paste.
When to Use Headers Blocks
Headers are global elements that appear on every page. Choose a variant that matches the complexity of your navigation needs — simpler for small sites, more elaborate for apps with multiple sections.
Best Practices
- Limit primary navigation to 5-7 links
- Include a clear primary CTA button in the header
- Ensure the mobile menu is easy to open and close
- Use sticky positioning so navigation is always accessible