Your Dedicated Partner for All Things WordPress

How to Add a Custom Header Using Elementor

Table of Contents

When designing a website, one of the most important aspects is the header. It serves as the first impression of your website, making it crucial to get it right. With the help of Elementor, customizing your header has never been easier. In this post, we’ll guide you through the process of adding a custom header using Elementor.

Step 1: Install Elementor Header, Footer & Blocks Template Plugin

The first thing you need to do is install the Elementor Header, Footer & Blocks Template plugin. This plugin allows you to create custom headers, footers and other templates using Elementor. Once installed, go to Templates > Theme Builder > Header.

Step 2: Choose a Header Template

You can either choose from the pre-designed header templates or create your own from scratch. If you choose to design your own, Elementor allows you to access all the widgets and elements available and drag them into your canvas to create a unique design.

Step 3: Customize Your Header

Once you’ve chosen or designed a header template, it’s time to customize it to suit your website’s needs. You can add your website logo, change font styles, adjust background colors, and much more. Simply click on the elements you want to customize, and Elementor will bring up the necessary menus and options.

Step 4: Publish Your Header

After you’ve finished customizing your header, make sure to save your changes and publish it. You can do this by clicking on the Publish button in the bottom-left corner of the header builder.

Step 5: Assign Your Header to Your Website

Once you’ve published your header template, you need to assign it to your website. To do this, go to Appearance > Customize > Header > Header Template. From the drop-down menu, select the header you just created. Once done, click on Publish and your custom header will be live on your website.


In conclusion, Elementor provides an easy and convenient way to create custom headers that stand out and reflect your website’s brand. By following the steps outlined above, you’ll be able to design your own header templates that are unique and professional-looking. Remember to experiment, play around with different styles and designs, and use your creativity to make your header stand out. With Elementor as your guide, the possibilities are endless.

How to get started?

Learn more

Elementor Developers

Hire a flexible remote work force and undivided attention.

Get Started

Having Troubles With WordPress?

Claim Your Free WordPress Maintenance

In today’s fast-paced digital landscape, every website deserves the care and expertise of a professional maintenance team, ensuring optimal performance, enhanced security, and seamless user experiences, so you can focus on growing your business with peace of mind.

Alexey Seryapin
Founder of WPServices

Coupon Code Applied!

Take your time and continue browsing our services.

Alexey Seryapin
Founder of WPServices