This post will show you how to use a free plugin to create custom headers in Elementor. The header and footer builder feature is not available in the free, basic version of Elementor. As a result, using the free Elementor plugin, you cannot create a dynamic header. Yet, you may easily construct a custom header in an Elementor website by installing several additional free add-on plugins.
One of the best page builder plugins for WordPress website design is Elementor. I really enjoy using this page builder plugin to create WordPress websites. Elementor Pro is a plugin that I primarily utilize. Theme builder functionality is incorporated into the Elementor Pro plugin. You can design the layout for the header, footer, single page, post, blog, product, shop, etc. using the theme builder tool.
What if you don’t have this plugin’s Premium version? You can download the “Header and Footer builder for Elementor plugin” for free, so don’t worry. I demonstrated how to use the Free Header and Footer builder plugin in one of my earlier articles. The detailed video on this article is available to view or read.
I’ve already made a video showing how to use a free plugin to design a unique header for an Elementor website. Using this header and footer builder plugin, I created 3 different layouts for this video.
Watch Video: How to design custom header in Elementor website.
You can also watch this video about how to create custom header in Elementor on our YouTube channel. You will also find many Elementor tutorial videos which will help you design the complete WordPress website.
The free plugin is fully customizable. You can create any kind of layout for the Header and footer. You can change the logo position, Menu position, contact details and more. You can edit layout using Elementor. It is very easy to design. Watch video above for better understanding.
How to design custom header
First you will need to install the Free Header and footer plugin as shown in the video.
- Go to Appearance in WordPress Dashboard.
- You will see the option Header and footer. Click on Header and footer.
- Click on Add new to start designing layouts.
- Name the layout so that you will understand whether it is for Header or footer.
- In this case, name is as Header.
- Select the Type of template – Header
- Display on – Select Entire website so that it will be shown on all the pages of the website.
- User roles – Select All
- Click on Publish.
You will now see the option to Edit the layout with ELementor. Click on it and it will open the Elementor page builder to design the header section.
Using different columns and sections, you can customize the layout of header. You can add Logo image, Menu bar, Social icons, business detail, call buttons in the header section.
In the video, I have created 3 different layouts. You can try them. You can change the colors according to your website requirements. If you want, you can also add another elementor add on plugin such as ElementsKit Lite. This is also one of the best Elementor add on plugin with more added elements. It also has Menu element. If you do not like Elementor Menu then you can use this add on plugin’s Menu option.
You may also like to read the following articles or watch video tutorials:
More articles on Elementor Tutorial
I hope that you will like this article and video about How to create custom header in Elementor using Free plugins. I will be adding more article and videos on Elementor Tutorials. So do not forget to subscribe to our Quick Tips Youtube Channel for upcoming videos on Filmora video editing, Website Design, WordPress Tutorial, Elementor, WooCommerce tutorials.
