Create custom Elementor headers and footers with ElementsKit - built for no-code visual building and bringing pro-level styling to your fingertips. Even save time with ready-made templates.
Select from beautiful header templates and spin up your
WordPress header in no time.
Import an Elementor Footer template, tweak the content,
and your website header is ready.
Design pitch-perfect headers and footers for your potential clients. You may customize the size, color, font, or integrate more styles to attract the audience.
Select dynamic headers for each page of your website. Use conditional options to get different versions of the header/footer for different pages or different displays (mobile, tablet, etc.).
Stick the header or footer on the top/bottom of your webpage even when visitors are scrolling down. Generate lots of special sales with a customized sticky menu.
Tired of generating ideas for your header or footer? Enjoy our several built-in layouts for your website and focus on generating more sales rather than wasting time on the design phase.
Design perfect header & footer with ElementsKit’s best-in-class responsive menus. You may hide the menu, stick the rows, or add more style with this off canvas menu.
If your website contains lots of categories or lower-level subpages, then create an expandable mega menu that can make all of your categories visible at a glance within a single primary menu.
Looking for some stylish, great-looking, and interactive search option for your website? Use the live search option by ElementsKit and show appropriate results for your customers' queries.
Design pitch-perfect headers and footers for your potential clients. You may customize the size, color, font, or integrate more styles to attract the audience.
Reduce the hassle and get more sales by showing different WooCommerce features on the header, such as Cart, wishlist, etc., and get easy navigation on the website.
Nice tool to make website building process easier Liked the premade template, specially mega menu templates, rare to find with free plugins.
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
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 ...
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.
Like our millions of users, your WordPress website demands more flexibility and simplicity. We made website customization easy, fast & effective.
Expand Your WordPress Site Capabilities code-free with our Powerful Elementor Widgets & Modules.