In this article, I’m going to show you how to create a header and footer in Elementor using the Elements Kit Elementor header footer builder for free. Elements kit also comes with a bundle of free widgets, premade sections, page templates, mega menu builder, header and footer templates.
Note: the digits in brackets e.g. (00:02) indicate the minutes of that exact explanation in the video so you can easily jump to that section and follow along.
Video: Elementor Header Footer Builder Tutorial using Elements Kits
Install Elements Kit Addon for Elementor
Go to Plugins > Add New on your WordPress dashboard, search for Elements Kit then install and activate it (01:01)
After you install and activate it, it will show on your dashboard menu, click on My Templates, then on ElementsKit (01:07)
Go to Modules and make sure the Header Footer option is enabled (01:18), then Save Changes.
To Read: Create Free Elementor Mega Menu with Elements Kit
Create a Header using Elements Kit Free Elementor Header Footer Builder
Go back to My Templates under ElementsKit then Add New, under Title select EK Demo Header, under Type; Header, and for Conditions; Entire Site, enable the Activation option, click Save Changes and then Edit Content (02:13)
When your page opens up in the Elementor editor, click on the Elements Kit icon to open up the Elements Kit library (02:30)
Under Headers, you’ll find a couple of premade headers for both free and pro users, select a free header and insert it (02:56)
When the header opens up in your editor, you can make changes to it, for example, you can change the logo, the menu, you can even delete any sections in it you don’t need. Delete the last column in the header, then click the Update button (03:24)
Tip:
To create a menu for your header, go to Appearance > Menus on your WordPress dashboard (03:38), create a new menu, give it a name, then click Create Menu.
Under Pages, you can select the pages or items you want to assign to your menu, Add to Menu, then you can arrange them the way you want them to appear, and when you’re done Save Menu (04:04), and your menu will show up in your editor.
After you make changes to your header in the Elementor editor, click the Update button then preview your changes (04:42)
To Read: 5000+ Elementor Template Kits – Free and Premium
Create a Footer Using Elements Kit Free Elementor Header Footer Builder
Back to your WordPress dashboard, go to ElementsKit > My Templates > Footer > Add New. Under Title select EK Demo Footer, under Type; Footer, under Conditions; Entire Website, enable Activation, Save changes and Edit content (05:21)
When the page opens up in the Elementor editor, just like with the header you have the option to create everything from scratch, or you can use templates from the Elementor Template library, but in this case, just click on the EK icon, then under Footers select a footer template and insert it (05:53)
You can now make changes to your footer and add or remove any sections.
Go to your Widgets area and drag a Nav Menu widget to your footer (06:11), delete the widget that was there.
Select the Nav Menu widget and in the Edit Nav Menu area on the left, under Menu Settings, you can select the Menu to show, set the menu Height to 30 pixels, then click the Update button, and when you preview your page, you should have a new footer like this one (07:03)
Also Read: How to Add Dynamic Year in Elementor & WP Themes Copyright Footer
In closing
That’s how you can use Elements Kit Header Footer Builder to create headers and footers for your Elementor website.
For any questions or comments, let me know in the comments section below, and don’t forget to subscribe to my newsletter and youtube channel for more of these tips and tutorials.