BIGGEST WORLD CUP SALE
Offer Icon
ENDING IN:
00 DAY
:
00 HOUR
:
00 MIN
:
00 SEC
KICK OFF YOUR DEAL Arrow Icon

Fully Customizable, Fast, and Responsive Drag & Drop

0

Rated by 2,000+ Happy Users

0 +

Million Downloads

0 M+

Active Users Worldwide

Amazing WordPress Header Layouts

Select from beautiful header templates and spin up your

WordPress header in no time.

Informative WordPress Footer Layouts

Import an Elementor Footer template, tweak the content,
and your website header is ready.

Why Users Choose ElementsKit Header & Footer

Nice tool to make website building process easier Liked the premade template, specially mega menu templates, rare to find with free plugins.

rvs2141 @rvs2141

ElementsKit is the solution we were looking for We were looking for a way to expand our current menu into a Mega Menu. There is a stand alone Mega Menu plugin available in the market, but ElementsKit has its own Mega Menu built with Elementor which makes it a better solution for those using Elementor

markifornia @markifornia

The essential Elementor upgrade you need! ElementsKit has completely transformed how I use Elementor! With so many creative widgets, modules, and pre-built templates, building beautiful, functional websites is faster and more intuitive than ever. Features like the Header & Footer Builder and Mega Menu Builder ...

bobsisf @bobsisf

Great for Mega Menu and su much more Love this Plugin for using Mega Menu with Elementor. I highly recommend using it. Support is also top notch!

norain92 @norain92

Amazing plugin – especially for mega menus. One of the most neatest and easiest solutions on the WordPress platform.

rameshmehay @rameshmehay

Great Plugin For Mega Menu Perfect plugin for mega menu. In addition, even if you use the free version, you can get support by mail. Thanks…

mesutdemirbas @mesutdemirbas

Mega menu is good, free version Customer service is helpful too. Thank you.

Laura @pixelterritory

A lifesaver for mega menu functionality in Elementor This plugin has been great for me. I didn’t have a way of displaying a mega menu with Elementor until I found ElementsKit. Now, I have a menu that displays well on both desktop and mobile.

rrenu1 @rrenu1

FAQs on Elementor Header & Footer

Yes. ElementsKit ships with a library of pre-designed, ready-to-insert free Elementor header and footer templates. Just open the ElementsKit template library inside Elementor, pick a free header or footer template, click Insert, and customize it to match your brand, no designing from scratch.

Absolutely. ElementsKit's conditional display feature lets you assign specific Elementor header templates to individual pages, page types, or archives. You can show one header across the entire site, a different header on your blog, and a minimal header on your checkout page, all controlled from one place.

Yes. ElementsKit gives you the choice. You can build a static header that stays at the top of the page, or enable the Advanced Sticky module to make it follow visitors as they scroll. Both options are fully configurable without touching any code.

Yes. ElementsKit's built-in Mega Menu Builder supports both horizontal mega menus and vertical mega menus, and both integrate directly with the Header Footer Builder. You can embed a fully designed mega menu, complete with icons, badges, images, and any Elementor widget, straight into your custom Elementor header.

Yes. Every ElementsKit Elementor header template is built to be fully responsive. You get dedicated controls for mobile and tablet breakpoints, so your header layout adapts cleanly across all screen sizes, including an off-canvas mobile menu option for a polished handheld experience.

It takes only four steps. Go to your WordPress dashboard → ElementsKit → Header Footer → click Add New. Set your title, choose Header or Footer as the type, set your display condition (entire site, specific page, archive, etc.), toggle Activation on, and click Edit with Elementor. From there, use the ElementsKit template library icon to browse and insert a pre-designed header template, then customize it and hit Update.

Yes. Because ElementsKit's Header Footer Builder can be customized inside the Elementor canvas, you can drop any Elementor widget, including a WooCommerce cart icon, products, search bar, Nav Menu, or a fully designed horizontal or vertical mega menu, directly into your header layout. No shortcodes, no custom PHP, no coding of any kind.

The easiest way is with ElementsKit. Build your custom header using ElementsKit's Header Footer Builder, then set the header section's background to transparent inside Elementor's style settings. For a header that starts transparent and turns solid on scroll, enable ElementsKit's Advanced Sticky module and set a scroll-triggered background color. No CSS, no code - just a few toggle switches inside the native Elementor builder.

If you built your header and footer with ElementsKit, go to WordPress Dashboard → ElementsKit → Header Footer. Find your existing header or footer template and click Edit with Elementor. Make your changes, swap the logo, update the menu, restyle the background, or restructure the layout,  then click Update. Changes go live instantly across every page the template is assigned to.

Start by installing ElementsKit and activating the Header Footer Builder module. Go to ElementsKit → Header Footer → Add New from your WordPress dashboard. Name your template, select Header or Footer as the type, set the display condition to Entire Site, and open it in Elementor. Build your layout using any Elementor widget — nav menu, logo, search bar, social icons, or a mega menu, or import a ready-made template from ElementsKit's library. Hit Update, and it's live.