Menu Widget

Use Menu to build site navigation with optional submenus, a mobile hamburger menu, and an optional CTA button.

Add a Menu widget

Menu Settings

The dialog has five tabs: Items, Styles, Submenu, Mobile, and CTA.

Items tab

• Menu Items list with drag-and-drop ordering
• Add Item
• Drag horizontally to create submenus (one level)
• Use the link picker to set each item destination

Styles tab

• Desktop Layout: Horizontal or Stacked
• Alignment and Stick to Edge (right aligned menus)
• Text Color, Background Color
• Hover Color, Main Item Hover Background
• Main Active Text Color, Main Active Background Color
• Font Family, Font Style, Font Size
• Letter Spacing, Line Height, Item Spacing
• Main Item Border, Main Item Border Radius, Shadow
• Reset Light and Reset Dark apply clean style presets based on your global theme settings

Submenu tab

• Submenu Text Color, Submenu Background Color
• Submenu Hover Color, Item Hover Background
• Submenu Active Text Color, Submenu Active Background Color
• Submenu Font Family, Submenu Font Style, Submenu Font Size
• Submenu Letter Spacing, Submenu Line Height
• Submenu Border, Submenu Border Radius, Shadow

Mobile tab

• Mobile Layout: Hamburger, Horizontal, Stacked
• Hamburger Alignment
• Hamburger Color, Slideout Background
• Hamburger Size
• Mobile CTA Settings: CTA Placement, CTA Section Label, Show Divider

CTA tab

• Enable CTA Button
• Button Text
• Font Family and Font Style (bold, italic, underline, all caps)
• Link Address
• Mobile Visibility: Header or Slideout Only
• Background Color, Text Color, Hover Background, Hover Text
• Border Color, Border Size, Border Radius

Toolbar actions

• Menu Settings
• Alignment
• Animation
• Copy
• Delete

Live behavior notes

• Desktop menu content now stays visible during initial page load before overflow measurement finishes, reducing first-load flicker.