How to Import an Elementor Header Template
A header template replaces your theme's header site-wide through the Elementor Theme Builder. Importing one takes about two minutes: import the file, connect your menu, set the condition.
- 1
Download the template file
On the component page, click Download JSON. You get a single .json file exported in the correct theme template format.
- 2
Import it into Elementor
In WP Admin go to Templates, then Saved Templates, and click Import Templates. Choose the downloaded .json file. Because the file carries the right template type, Elementor files it under the matching Theme Builder section automatically.
- 3
Assign your menu and logo
Edit the imported header. Click the navigation area and pick YOUR menu in the Nav Menu widget settings (templates ship pointing at a menu named primary as a hint). Swap the placeholder logo image for your own, or replace the Image widget with Site Logo for a fully dynamic header.
- 4
Optional: sticky and transparent settings
Sticky variants: select the header container, open Advanced, then Motion Effects, and set Sticky to Top. Transparent variants are designed to overlay a hero; keep their semi-transparent background or adjust it under the container's Background settings.
- 5
Set the display condition
Open Templates, then Theme Builder, find the imported template and click Add Condition. For a site-wide header choose Entire Site. Use Include rules for sections that need a different header (for example a transparent variant on the homepage). Conditions never travel inside the JSON file; setting them is always your final step.
Troubleshooting
The template imported but nothing shows on my site
You have not set a display condition yet. Elementor only applies a theme template where its conditions say so; add the condition described above and reload the page.
It imported as a regular saved template, not a theme part
The file was probably re-saved or edited and lost its type field. Re-download the original .json from Snapelement and import it unchanged.
The menu area is empty after import
The Nav Menu widget needs a menu from YOUR site. Edit the header, select the Nav Menu widget, and choose one of your menus in its settings. If you have none yet, create one under Appearance, then Menus.