Documentation/Elements & Controls Reference/Elements/Site/Menu Builder/Menu Custom Area

Menu Custom Area

Menu Custom Area inserts child elements directly into Menu Builder, optionally with a dropdown.

Add the Area

Add Menu Custom Area as a direct Menu Builder child, then add its visible child content.
Arrange children under Design > Layout and size/style the Container.
Set Content > Content > Link to link the whole area. Do not nest separate links inside a linked area.

Enable Content > Content > Enable Dropdown, then choose Menu Source:

Standard Controls: populate Columns, their links, descriptions and graphics. Show Another Section enables Columns 2.
Global Block: select an existing block.

Child elements supply the visible area; the selected source supplies its dropdown. For a text toggle with child-built panel content, use Menu Custom Dropdown.

Visibility and Styling

Hide In excludes the area from the Desktop or Mobile Menu. Inherit Link Styles and Icons Inherit Link Styles control inherited appearance. Set Disable Desktop Styles At to match the parent menu's mobile breakpoint.

Full editor showing Menu Custom Area with Icon and Text children, Container settings visible, and a yellow-highlighted pointer identifying the selected area

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
Link	Destination and link options.	Shared
Enable Dropdown	On/off.	Shared
Menu Source	Standard Controls, Global Block. When: Enable Dropdown is set.	Shared
Global Block	Existing Global Block. When: Menu Source = Global Block and Enable Dropdown is set.	Shared

Shown when Enable Dropdown is set and Menu Source = Standard Controls.

Setting	Purpose and options	Behavior
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

Setting	Purpose and options	Behavior
Columns > Links > Image	WordPress media. When: Enable Dropdown is set and Menu Source = Standard Controls and Icon or Image = Image.	Shared
Columns > Links > Icon	Icon. When: Enable Dropdown is set and Menu Source = Standard Controls and Icon or Image = Icon.	Shared

Shown when Enable Dropdown is set and Menu Source = Standard Controls.

Setting	Purpose and options	Behavior
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 and Enable Dropdown is set and Menu Source = Standard Controls.

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 Enable Dropdown is set and Menu Source = Standard Controls and Icon or Image = Image.	Shared
Columns 2 > Links > Icon	Icon. When: Show Another Section is set and Enable Dropdown is set and Menu Source = Standard Controls and Icon or Image = Icon.	Shared

Shown when Show Another Section is set and Enable Dropdown is set and Menu Source = Standard Controls.

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 > Visibility

Setting	Purpose and options	Behavior
Hide In	Desktop Menu, Mobile Menu.	Shared

Design > Container

Setting	Purpose and options	Behavior
Width	Width.	Responsive
Min Height	Min height and unit.	Responsive
Padding	spacing controls.	See linked controls
Borders	borders controls.	See linked controls

Design > Layout

Setting	Purpose and options	Behavior
Layout	layout controls. When: Layout is unset.	See linked controls

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

Shown when Menu Source = Standard Controls.

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
Additional Section > Links > Title	typography controls.	See linked controls
Additional Section > Links > Description	typography controls.	See linked controls
Additional Section > Links > Graphic > Background	Color or supported fill.	Hover
Additional Section > Links > Graphic > Icon	Color or supported fill.	Hover
Additional Section > Links > Graphic > Image Opacity	Set the numeric image opacity value.	Hover
Additional Section > Links > Graphic > Size	Size and unit.	Shared
Additional Section > Links > Graphic > Alignment	Top, Middle, Bottom.	Shared
Additional Section > Links > Graphic > Translate > X	X and unit.	Shared
Additional Section > Links > Graphic > Translate > Y	Y and unit.	Shared
Additional Section > Links > Graphic > Padding	spacing controls.	See linked controls
Additional Section > Links > Graphic > Radius	Set the corner radius.	Shared
Additional Section > Links > Spacing > After Graphic	After graphic and unit.	Shared
Additional Section > Links > Spacing > Before Description	Before description and unit.	Shared
Additional Section > Links > Spacing > Between Links	Between links and unit.	Shared
Additional Section > Links > Padding	spacing controls.	See linked controls
Additional Section > Links > Radius	Set the corner radius.	Shared
Additional Section > Links > Hover Background	Color or supported fill.	Shared
Additional Section > Columns > Title	typography controls.	See linked controls
Additional Section > Columns > Space After Title	Space after title and unit.	Shared
Additional Section > Columns > Gap Between Columns	Gap between columns and unit.	Shared
Additional Section > Columns > Stack Vertically	On/off.	Shared
Additional Section > Background	Color or supported fill.	Shared
Additional Section > Padding	spacing controls.	See linked controls
Additional Section > Stack Horizontally	On/off.	Shared

Setting	Purpose and options	Behavior
Additional Section > Width	Width. When: Menu Source = Standard Controls and Stack Horizontally is set.	Shared

Design > Advanced

Setting	Purpose and options	Behavior
Inherit Link Styles	On/off.	Shared
Icons Inherit Link Styles	On/off.	Shared
Disable Desktop Styles At	Breakpoint.	Shared

← PreviousMenu Button Next →Menu Custom Dropdown

On this page

Add the Area Controls

Video tutorials ↗ Facebook group ↗ Support ↗