Fully Drag & Drop Header & Footer builder for Elementor. Build any type of Header & Footer template on the fly using ElementsKit. Here’s a comprehensive article to explain every method in detail.
Watch our video guide:
Or, follow the step by step instructions:
Step->1: Add Header and Footer #
- Make sure you have the Header Footer module enable from ElementsKit → Modules.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Header-2-1024x500.png)
Step->2: Create a Header Template #
- Navigate to ElementsKit→ Header Footer→ Header→ and click Add New.
- A popup box will open with options.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Header-3.png)
- In the popup box type a Title, select the Type→ Header.
- Select the Conditions→ Entire Site.
- Toggle the Activation option and click on Edit With Elementor.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Header-13-1024x500.png)
- Select your structure from the selected area.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Header-4.png)
- Now just drag the Image and Nav Menu widget from the Elementor Block and drop it on the selected area.
- You can add any type of widget from here.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Popup27.gif)
Create Header from Pre-made Templates
- Click on the ElementsKit Icon to insert header from our premade templates.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Header-5.png)
- Go to Headers-> Select your Desired Template-> And click on the Insert button to add.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Header-8.png)
- You can see your selected Header template showing.
- Now click on the Selected Nav Menu area-> Select your Menu from the drop-down.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Header-9.png)
- Once done, click the Update button to save the menu.
- Now go to your site and you can see your selected Header Template is showing accordingly.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Header-12.png)
Step->2: Create a Footer Template #
- Navigate to Footer→ and click Add New.
- A popup box will open with options.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Footer-4.png)
- In the popup box type a Title, select the Type→ Footer.
- Select the Conditions→ Entire Site.
- Toggle the Activation option and click on Edit With Elementor.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Footer-1.png)
- Click on the ElementsKit Icon to insert header from our premade templates.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Header-5.png)
- Go to Footers-> Select your Desired Template-> And click on the Insert button to add.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Footer-2-1.png)
- Once done, click the Update button to save the menu.
- Now go to your site and you can see your selected Footer Template is showing accordingly.
![](https://help.wpmet.com/wp-content/uploads/2021/04/Footer-5.png)