How to Create Your Own Custom Header with Elementor

*NOTE:* You can now create your own custom headers if you have Elementor Pro. No need for a 3rd party plugin.

*ALSO:* if you use Elementor Pro, you now don't need the Nav Menu Addon plugin anymore. Pro comes with its own Nav Menu widget.

---

RESOURCES MENTIONED:

You might already know that Elementor is an amazing WordPress page builder.

It allows non-coder designers like yourself to build 100% custom-designed WordPress pages, exactly as you want them. It’s really visual, and it’s drag-n-drop. It works in the way designers think, with no code required (hurray!)

But if you’re like many designers, once you’ve used Elementor for a while, you might soon find yourself thinking:

“Hmmm… my theme still handles my header – my logo and navigation area. I wonder if I can use Elementor to design my website header as well?”

The good news is… yes, you definitely can use Elementor to build your own custom header. It will completely replace the one that comes with your WordPress theme.

However, there are also a number of different considerations to bear in mind.

In today’s video, I’ll dig right in and show you:

- Exactly how to build a header template with Elementor.
- The various tools and plugins available that make building your own headers possible.
- Step-by-step instructions for adding the header template to your site and replacing your theme’s own header.
- 5 important considerations or possible trade-offs to bear in mind.

Please leave me a comment and subscribe for more WordPress and Elementor tutorial videos like this.

[Froogleme]

Thanks Dave - not just just for another very useful tutorial - but also for reminding us that "just because you can doesn't always mean you should"! I saved myself a lot of time and effort by going back over what the General Press theme actually has to offer in terms of sticky navigation etc and found I could achieve everything I wanted to just by using that!

[saroshsheriff]

After looking at quite a few tutorials on the same subject and getting more confused than anything else, your tutorial finally helped sort out everything to do with Headers and Footers in less than 30 minutes. Thank you thank you thank you. God Bless!

[theroomtheroom]

Not too basic. Not too advanced. This tutorial was a bulleye for whose knowledge are intermediate. Thanks👍👏👏👏

[mytotalrelaxationsecretsre]

the best tutorial by light years, thanks Dave...

[HannesGrebin]

Slowly freeing my time to do this. But just to mention: you are such a relief. Keep on with putting out this superb easy to follow (anxiety-free) very clean and appealing courses. Glad I found you, just the right time!

[greghyatt]

Dave, first allow me to say how much I have enjoyed watching your video's. You go above and beyond in the way you explain each of these elements. I have recently purchased and installed the GP Extender plugin. However, I have yet to fully figure out to make it pull a custom Elementor Pro Header to display on single posts and certain pages. I know I would greatly appreciate if you would ever entertain doing a video like that! Keep up the amazing work!

[damienbradshaw]

I watched a 3.5 hour video with a guy showing how to do headers with Elementor. What he took 30 mins to do you did in 15 mins. Awesome stuff do.

[sagarpawade]

Awesome Video!!! I've been using Elementor for a while now. And I always wanted to build my own Header and Footer.And this is Exactly what I needed.Thanks for the Tutorial.

[CarolynMilburn]

OK...sorted...it was the Elementor update today that got me confused about stuff, I went to their blog and got the changes explained. Super video...now I'm off to create a Thanks.

[shadowwolfcat]

Dear Sir,
I am very thankful for your hard work on this video. I am completely new to Wordpress and this helped me so much after hours of struggling.

[raybrown]

Well done, David. Very impressive tutorial and production.

[johnnastepny]

It took a while to go through the whole process and I probably still have some learning to do before I get the most out of Elementor, but this video was INCREDIBLY useful in a moment when I was a bit lost and losing hope to get things done. I can't thank you enough for this video!

[AndyDOHD]

Thanks for the tutorial. It helped a lot. I am just getting into WP, as well as Elementor. And just chose OceanWP as my them. So a lot of digging for tutorials at the moment, lol. Middle aged and thankful for the pause button.

[michaelosei-owusu]

You saved my wordpress life.. Nice accent as well

[OTCRockone]

This is a rather good Custom Header tutorial; thanks, David!

[ALMBusinessInstitute]

Another amazing video David!! Despite the accent (he he he - just ribbing you) your videos are super easy to follow and marvelously well put together. Keep 'em coming!!

[stephjones]

thank you for an awesome video - I'm useless at this website stuff, but you have helped make it easier to design what I want without any of the knowledge or understanding of website talk. So thank you very much.

[yasserhussein]

This video has saved me a TON of time, thanks Dave! Just subscribed and joined your mailing list. Looking forward to going through the rest of your videos :)

[rojinaindia]

Thanx.i was doing navbar using wp theme default navbar.your video helped me to create menus through elementor.

[nengshopbandung]

So far this is the best video I've watched ... thank you