Header menu widget for Elementor

Header Menu Widget
for Elementor

The Header Menu widget from Unlock Addons lets you drop a fully customizable navigation menu into any Elementor header template. It uses your existing WordPress menus, adds dropdown and optional mega menu support, and gives you control over layout, hover effects, and the mobile toggle so your navigation looks and works exactly the way you want.

Header Menu

See It In Action

Header Menu

Packed With Powerful Features

Everything you need to build fast, flexible, and high-performing designs.

Drag & Drop Builder

Easily add and arrange elements using Elementor’s intuitive drag and drop interface.

Flexible Layout Control

Adjust spacing and alignment to create clean, balanced layouts for any design.

Responsive Controls

Fine-tune your design for desktop, tablet, and mobile for a smooth experience.

Lightweight & Fast

Optimized for speed to keep your website fast and responsive without bloat.

How To Use Header Menu

Design a responsive site navigation bar for your Elementor headers with dropdowns, hover effects, and a clean mobile menu.

How to Add a Header Menu in Elementor

Perfect for Custom Headers, Landing Pages, and Mega Menus

Use the Header Menu widget in global headers, landing page hero sections, or special layouts that need their own navigation. It keeps your branding consistent while letting you experiment with centered menus, transparent headers, or mega menus without switching away from Elementor.

Key Features of the Header Menu Widget

WordPress menu integration

Pull any existing WordPress menu into Elementor and switch between menus per header or template when you need different navigation sets.

Dropdown and mega menu support

Enable multi‑level dropdowns or wider mega‑style panels with control over width, position, and animation so large menus stay organized and usable.

Responsive mobile navigation

Choose the breakpoint for the mobile toggle, customize the icon and panel styling, and ensure your menu remains easy to tap on phones and tablets.

Three Simple Steps

Get up and running in minutes. No complexity, no learning curve.

Add the Widget

Drag and drop the widget into your layout from the Elementor panel.

Customize

Adjust content, style, and settings to match your design perfectly.

Publish

Hit publish and your design goes live instantly.

Have Questions?
We Have Answers

No. Unlock Addons works with Elementor Free and Elementor Pro, and the Header Menu widget lets you design navigation bars without relying on Pro’s Nav Menu widget.

It uses your WordPress menus created under Appearance → Menus, so you manage links in one place and simply select the right menu inside the widget.

Yes. You can change colors, pointer styles (underline, framed, etc.), and animations for hover and active states to match your header design.

At your chosen breakpoint, the menu collapses into a toggle icon (hamburger) that opens a slide‑out or dropdown panel containing the same links, optimized for touch devices.

Take Elementor to the Next Level

Join 50,000+ designers creating high-converting navigation experiences with Elementor.

The Largest and Most Powerful Elements Library for Elementor.

Subscribe to Our Newsletter

    © 2014 – 2026 Unlockaddons. All Rights Reserved