How to set up and style the Nav Menu Free widget in Elementor.
Nav Menu Free shows a WordPress menu as a horizontal or vertical menu. Pick a modern dropdown (rounded card, soft shadow, slide in) or a simple one, switch any top level item to a mega menu with columns, and get a toggle button with an accordion menu on tablets and phones. Use it in a header made with the free Header and Footer Builder.
Part of: Bright Addons (free). Before you start: A menu made in Appearance > Menus.
| Option | What it does |
|---|---|
| Menu | The WordPress menu to show; edit its items in Appearance > Menus. |
| Layout | Horizontal or vertical. |
| Alignment | Left, center, right or stretched across the width (horizontal layout). |
| Hover Effect | Color only, underline or background for the top level items. |
| Sub Menu Indicator | Arrow, plus or none next to items that have a sub menu. |
| Menu Name for Screen Readers | The label screen readers announce for the menu. |
| Option | What it does |
|---|---|
| Dropdown Style | Modern (rounded card, soft shadow, slide in) or Simple (plain list). |
| Open Sub Menus On | Hover or click. |
| Option | What it does |
|---|---|
| Mega Menu Width | Width of the menu, full screen width or a custom width. |
| Width | The custom width in pixels or screen width percent. |
| Most Columns | The largest number of columns, from 2 to 6. |
| Show Item Descriptions | Shows the Description field of each menu item under its link. |
| Option | What it does |
|---|---|
| Show the Toggle Button On | Tablet and phone, phone only or never. |
| Toggle Button Text | Optional text next to the menu icon. |
| Toggle Button Position | Left, center or right. |
| Full Screen Width | The opened menu spans the whole screen instead of the widget width. |
Pro adds 80 widgets, 10 extensions, a Theme Builder and 32 dynamic tags, and keeps every free widget. From $18 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
typography, text color, hover and active color, hover background, padding, space between items, radius and underline thickness.
typography, background, text and hover colors, width, item padding, border radius, shadow and distance from the menu.
background, padding, space between columns, column heading and link styles and description color.
toggle color, background, icon size and radius, mobile menu background, text and divider colors.
In Appearance > Menus, open a top level item and tick Show the sub-items as a mega menu (Bright Addons). Its sub-items become column headings and their own sub-items the links.
Yes. Block themes hide Appearance > Menus, so Bright Addons switches that screen back on. Use the widget in a header made with the Header and Footer Builder.
On tablets and phones by default, using Elementor’s breakpoints. You can pick phones only or never.
Mega panels built from Elementor templates, menu item images and badges, more layouts and sticky options, in Bright Addons Pro.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide