Site & theme widget

Nav Menu

Your WordPress menu with dropdowns, columns, icons, hover effects and a mobile menu that can differ from desktop.

Build it with your AI

“Add the main menu with a two-column dropdown for Products, icons and descriptions, and a panel on mobile.”

Live demo

See it working

This is the real widget, not a picture

Settings

82 settings in three tabs

Every setting below is in the editor — and available to your AI through get_widget_schema.

Content

29 settings

Menu

Menu

Layout

Alignment

Levels

Open submenus on

Highlight #section links while scrolling

Submenu indicator

Dropdown columns

Icons

Descriptions

Hover effect

Line from

Flip by

Pull

Dimmed opacity

Mobile menu

Show hamburger on

Menu

Mobile menu

Drawer side

Full-width dropdown

Toggle style

Toggle icon

Close icon

Toggle label

Show label

Toggle alignment

Button in the menu

Button link

Button style

Design

53 settings

Main menu

Typography

Underline thickness

Item padding

Space between items

Item radius

Icon size

Indicator size

Indicator spacing

Text color

Background

Underline color

Dropdown

Typography

Min width

Distance

Inner padding

Item padding

Item radius

Divider color

Border radius

Border

Shadow

Icon size

Icon color

Icon background

Description typography

Description color

Text color

Background

Item background

Hamburger toggle

Icon size

Line thickness

Label typography

Padding

Border radius

Border

Color

Background

Mobile menu

Typography

Background

Item padding

Divider color

Alignment

Distance from toggle

Drawer width

Overlay color

Panel padding

Shadow

Button text color

Button background

Close button color

Close button size

Text color

Item background

Behaviour

shared

On every element

Spacing & position

Background & border

Animations

Motion & effects

Scroll & mouse effects

Visibility

Conditions

Interactions

Attributes & CSS

Build it with AI

Just describe what you want

Your AI looks up the Nav Menu settings over MCP and writes the element for you — real, editable and on brand.

Claude · connected to your site

You

Add the main menu with a two-column dropdown for Products, icons and descriptions, and a panel on mobile.

Claude · using Uncoder

Done — it’s on your site and fully editable.

  • Nav Menu added where you asked
  • Styled with your Design System
  • Checked on tablet and mobile
  • get_widget_schema
  • edit_elements
  • audit_page

What the AI writes

nav-menu.jsonJSON
{
  "type": "nav-menu",
  "settings": {
    "menu": "2",
    "breakpoint": "mobile",
    "dd_columns": "2",
    "hover_effect": "highlight",
    "show_icons": true,
    "show_descriptions": true
  }
}

Free · GPL · No account

Your next site is one prompt away

Install Uncoder, connect your AI and describe what you want. Every page it builds stays yours to edit.