Updated - September 23, 2026
Elementor Header Templates for Every Kind of Website
43 ready-made Elementor headers from the Master Addons library, sorted by the kind of site they suit: SaaS products, local service businesses, online shops, contact-heavy multi-row layouts and minimal menus. Open any card to try the live header in a new tab, then insert it from the Headers tab of the Master Addons template library and show it across your site with the Theme Builder.
Rated 4.5 out of 5 by 212 WordPress.org reviewers, active on 30,000+ sites
SaaS and Tech Elementor Header Templates
Headers from the SaaS and tech kits. Most follow one pattern: logo on the left, four or five links, and a trial or demo button on the right. Finix, Clowdify and Techbyte use dark bars, and Lead Lift sits on a cream one.
Business and Local Service Header Templates
Headers for cleaning companies, dentists, plumbers, therapy clinics, a restaurant and a real estate agency. Most add a top bar with a phone number or social links, and the main button books an appointment, a call or a table.
eCommerce and Shop Header Templates
Store headers with search, cart and account icons. Sartivo opens a Shop by Category dropdown, and two of the layouts put a sale offer or promo link inside the header itself.
Top Bar and Multi-Row Header Templates
Headers built from two or three rows: a contact bar with phone, email or opening hours, a logo row, and a menu bar. They suit agencies, clinics and service firms that want contact details on every page.
Minimal, Centered and Menu-Button Headers
Single-line and unusual layouts, including a menu split around a centered logo, a bar with a single Menu button, a stacked centered logo and a few plain logo-and-links bars.
What Is an Elementor Header Template?
An Elementor header template is a ready-made header section (logo, navigation menu, buttons and often a top bar) saved as an Elementor template. You insert it into a Theme Builder header, swap in your logo and links, and it appears at the top of every page you choose.
A page template changes one page. A header template changes every page at once, so it is usually the first thing to set up on a new Elementor site, right after the global colors and fonts.
What a header template usually includes
| Part | What it does |
|---|---|
| Logo | Links back to the homepage. Replace the demo logo with your own image or site title. |
| Navigation menu | Your main pages, with dropdowns where the design has them. |
| Call-to-action button | One main action, such as Start free trial, Book An Appointment or Get a Quote. |
| Top bar | Phone, email, address, opening hours or social icons above the main row. |
| Utility icons | Search, cart, wishlist or account icons, mostly on the shop headers. |
How to Add a Header Template to Your Site
The Master Addons Theme Builder places the header, so you do not need Elementor Pro for this.
- In your dashboard, go to Master Addons > Theme Builder, click Add New Template, set the type to Header and click Edit with Elementor.
- In the editor, click the Master Addons Templates button, open the Headers tab, pick a design and click Insert.
- Replace the logo, point the menu at your own WordPress menu and change the button text and link.
- Open the Conditions tab, set Include > Entire Site and save.
- If your theme still prints its own header above the new one, turn the theme header off in its settings.
The header Theme Builder guide has a screenshot for every step, including how to exclude a page or give one landing page its own header.
Which Header Layout Fits Your Site?
| Your site | Header that usually works | Start with |
|---|---|---|
| SaaS or app | Short menu with Pricing and Features, a login link and one trial button | Sempla, Sabrion, Nexis |
| Local service business | Phone number visible, booking button on the right | Dental, Plumbiq, Cleaner |
| Restaurant | Contact top bar and a Book A Table button | Culinary |
| Online store | Search, cart and account icons, category dropdown | Sartivo, Search Bar Store Header |
| Agency or clinic with many pages | Two or three rows with contact details and a full menu bar | Three-Row Centered Header, Medical Clinic Header |
| Portfolio or brand site | Centered logo or a Menu button that keeps the bar clean | Centered Logo Stacked Header, Menu Button Header |
Website Header Examples: What the Good Ones Share
- They give the visitor one main button. Nexis, Finix and Optivue each have a single call to action, and Sempla styles its second action, Login, as a plain link so the two don’t compete.
- They keep the menu short. Most headers here show three to six links, and Tecpart puts the rest of its pages in an All Pages dropdown.
- Local businesses show a phone number. Dental, Cleanery and Plumbiq put it in the header, where a customer who would rather call can find it without scrolling.
- Stores put search in the header. Every shop layout here has it, and most add a cart icon next to it.
- Dark bars use light text and an outlined button, as Finix and Clowdify do, so both stay readable.
Sticky Headers
A header that stays at the top while visitors scroll keeps the menu and button in reach on long pages. You can make any of these headers sticky, and the steps are in our guide to creating a sticky header in Elementor.
Pro Header Templates
Cards marked PRO need a Master Addons Pro license. 18 of the 43 headers are Pro, including the headers from the newer kits such as Cleanery, Finix, Nexis and Sartivo. The same license unlocks the full page templates those headers come from on the template kits page.
Pick a Header, Set It Once
Choose the category that matches your site, open two or three live demos side by side, and insert the one that fits. After the Theme Builder condition is set, every page picks up the new header, and you only edit it in one place.
Elementor Header Templates: Frequently Asked Questions
What is an Elementor header template?
A ready-made header section saved as an Elementor template. It holds the logo, menu, buttons and often a top bar, and you insert it into a Theme Builder header so it shows on every page.
How do I use a header template in Elementor?
Create a Header template in Master Addons > Theme Builder, open it in Elementor, insert a design from the Headers tab of the Master Addons template library, then set the condition to Include > Entire Site and save.
Do I need Elementor Pro to use these header templates?
No. The Master Addons Theme Builder places the header on your pages, so Elementor Pro is not required.
Will the header work on phones?
Open the live demo on your phone, or narrow your browser window, to see how the menu behaves on a small screen before you pick one.
Can I use a different header on one page?
Yes. Build a second header template and set its condition to Include > Singular > Pages for that page, then exclude the page from your main header.
Why do I see two headers after importing?
Your theme is still printing its own header. Turn it off in the theme settings or Customizer, or use a theme that hides its header when a Theme Builder header is active.
How many header templates does Master Addons include?
The Headers tab of the Master Addons template library has 43 designs, all shown on this page.