A header is the section at the top of a webpage, typically containing a site's logo, main navigation menu, and sometimes a search bar or call-to-action button. It appears consistently across every page and is usually the very first thing a visitor sees.
What a Typical Header Includes
- Logo or site name, usually linking back to the homepage
- Primary navigation menu
- A search icon or bar
- A call-to-action button, such as "Contact Us" or "Shop Now"
Building One in WordPress
- Theme-based headers — controlled through the theme's built-in Customizer settings
- Page builder headers — custom-designed using Elementor's Theme Builder or similar tools
- Block-based headers — built with WordPress's native full site editing features
What Makes a Header Effective
- Clear, uncluttered navigation that's easy to scan at a glance
- Fast loading, since it appears on every single page
- A genuinely mobile-friendly design, since most headers collapse into a hamburger menu on small screens
- Strong visual consistency with the rest of the site's branding
Because it's the first thing anyone sees, a header carries outsized importance for first impressions — a cluttered or confusing one can push visitors away before they've even reached the actual content.
« Back to Index