Menu Dropdown

Menu Dropdown adds columns of links inside Menu Builder. It uses repeaters, not child elements; use Menu Custom Dropdown for a child-built panel.

Add Columns and Links

1. Add Menu Dropdown directly inside Menu Builder and set Content > Content > Text for its toggle label.
2. Under Columns, click Add Column and enter a Title. In Links, click Add Link and set Text, Description, and URL.
3. Choose Icon or Image and its graphic. Add remaining links/columns; enable Show Another Section to populate Columns 2.

The optional Link gives the top-level toggle a destination, but this conflicts with opening the panel on mobile. Put destination links inside the panel instead.

Style the Dropdown

Parent Menu Builder styles provide the defaults. This element's Design controls override the wrapper, links, columns, and additional section. Match Disable Desktop Styles At to the parent's mobile breakpoint, then save.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. In conditions, = means “is” and ≠ means “is not.”

Content > Content

Setting	Purpose and options	Behavior
Text	Visible text.	Shared
Link	Destination and link options.	Shared
Columns	Add, edit, remove, and reorder columns.	Shared
Columns > Title	Item title.	Shared
Columns > Links	Add, edit, remove, and reorder links.	Shared
Columns > Links > Text	Visible text.	Shared
Columns > Links > Description	Supporting description.	Shared
Columns > Links > URL	Destination URL.	Shared
Columns > Links > Icon or Image	Icon, Image.	Shared
Columns > Links > Image	WordPress media. When: Icon or Image = Image.	Shared
Columns > Links > Icon	Icon. When: Icon or Image = Icon.	Shared
Columns > Links > Advanced > Graphic > Background	Color or supported fill.	Hover
Columns > Links > Advanced > Graphic > Icon	Color or supported fill.	Hover
Columns > Links > Advanced > Graphic > Image Opacity	Set the numeric image opacity value.	Hover
Columns > Links > Advanced > Graphic > Size	Size and unit.	Shared
Columns > Links > Advanced > Graphic > Alignment	Top, Middle, Bottom.	Shared
Columns > Links > Advanced > Graphic > Translate > X	X and unit.	Shared
Columns > Links > Advanced > Graphic > Translate > Y	Y and unit.	Shared
Columns > Links > Advanced > Graphic > Padding	spacing controls.	See linked controls
Columns > Links > Advanced > Graphic > Radius	Set the corner radius.	Shared
Show Another Section	On/off.	Shared

Shown when Show Another Section is set.

Setting	Purpose and options	Behavior
Columns 2	Add, edit, remove, and reorder columns 2.	Shared
Columns 2 > Title	Item title.	Shared
Columns 2 > Links	Add, edit, remove, and reorder links.	Shared
Columns 2 > Links > Text	Visible text.	Shared
Columns 2 > Links > Description	Supporting description.	Shared
Columns 2 > Links > URL	Destination URL.	Shared
Columns 2 > Links > Icon or Image	Icon, Image.	Shared

Setting	Purpose and options	Behavior
Columns 2 > Links > Image	WordPress media. When: Show Another Section is set and Icon or Image = Image.	Shared
Columns 2 > Links > Icon	Icon. When: Show Another Section is set and Icon or Image = Icon.	Shared

Shown when Show Another Section is set.

Setting	Purpose and options	Behavior
Columns 2 > Links > Advanced > Graphic > Background	Color or supported fill.	Hover
Columns 2 > Links > Advanced > Graphic > Icon	Color or supported fill.	Hover
Columns 2 > Links > Advanced > Graphic > Image Opacity	Set the numeric image opacity value.	Hover
Columns 2 > Links > Advanced > Graphic > Size	Size and unit.	Shared
Columns 2 > Links > Advanced > Graphic > Alignment	Top, Middle, Bottom.	Shared
Columns 2 > Links > Advanced > Graphic > Translate > X	X and unit.	Shared
Columns 2 > Links > Advanced > Graphic > Translate > Y	Y and unit.	Shared
Columns 2 > Links > Advanced > Graphic > Padding	spacing controls.	See linked controls
Columns 2 > Links > Advanced > Graphic > Radius	Set the corner radius.	Shared

Design > Wrapper

Setting	Purpose and options	Behavior
Background	Color or supported fill.	Shared
Padding	spacing controls.	See linked controls
Borders	borders controls.	See linked controls
Width	Width. When: Placement ≠ full-width.	Responsive

Design > Links

Setting	Purpose and options	Behavior
Title	typography controls.	See linked controls
Description	typography controls.	See linked controls
Graphic > Background	Color or supported fill.	Hover
Graphic > Icon	Color or supported fill.	Hover
Graphic > Image Opacity	Set the numeric image opacity value.	Hover
Graphic > Size	Size and unit.	Shared
Graphic > Alignment	Top, Middle, Bottom.	Shared
Graphic > Translate > X	X and unit.	Shared
Graphic > Translate > Y	Y and unit.	Shared
Graphic > Padding	spacing controls.	See linked controls
Graphic > Radius	Set the corner radius.	Shared
Spacing > After Graphic	After graphic and unit.	Shared
Spacing > Before Description	Before description and unit.	Shared
Spacing > Between Links	Between links and unit.	Shared
Padding	spacing controls.	See linked controls
Radius	Set the corner radius.	Shared
Hover Background	Color or supported fill.	Shared

Design > Columns

Setting	Purpose and options	Behavior
Title	typography controls.	See linked controls
Space After Title	Space after title and unit.	Shared
Gap Between Columns	Gap between columns and unit.	Shared
Stack Vertically	On/off.	Shared

Design > Additional Section

Setting	Purpose and options	Behavior
Links > Title	typography controls.	See linked controls
Links > Description	typography controls.	See linked controls
Links > Graphic > Background	Color or supported fill.	Hover
Links > Graphic > Icon	Color or supported fill.	Hover
Links > Graphic > Image Opacity	Set the numeric image opacity value.	Hover
Links > Graphic > Size	Size and unit.	Shared
Links > Graphic > Alignment	Top, Middle, Bottom.	Shared
Links > Graphic > Translate > X	X and unit.	Shared
Links > Graphic > Translate > Y	Y and unit.	Shared
Links > Graphic > Padding	spacing controls.	See linked controls
Links > Graphic > Radius	Set the corner radius.	Shared
Links > Spacing > After Graphic	After graphic and unit.	Shared
Links > Spacing > Before Description	Before description and unit.	Shared
Links > Spacing > Between Links	Between links and unit.	Shared
Links > Padding	spacing controls.	See linked controls
Links > Radius	Set the corner radius.	Shared
Links > Hover Background	Color or supported fill.	Shared
Columns > Title	typography controls.	See linked controls
Columns > Space After Title	Space after title and unit.	Shared
Columns > Gap Between Columns	Gap between columns and unit.	Shared
Columns > Stack Vertically	On/off.	Shared
Background	Color or supported fill.	Shared
Padding	spacing controls.	See linked controls
Stack Horizontally	On/off.	Shared
Width	Width. When: Stack Horizontally is set.	Shared

Design > Advanced

Setting	Purpose and options	Behavior
Disable Desktop Styles At	Breakpoint.	Shared