The Menu – Mobile element provides navigation designed specifically for smaller screens. It supports nested menu structures, interactive submenu controls and several appearance options that help keep complex navigation organised on mobile devices.
To configure it, open the Customiser → Header, switch to the mobile view, and add or select the Menu – Mobile element in the desired mobile header row or Off Canvas Area.
Granular Controls
Select Menu
Choose which WordPress menu should be rendered by the element. Menus can be created and organised from WordPress Dashboard → Appearance → Menus.
Interactive Collapse
Control how nested menu levels are displayed:
- Disabled – all submenu levels remain expanded, exposing the complete navigation hierarchy.
- Enabled – submenu levels can be expanded and collapsed using the toggle displayed alongside parent menu items.
Interactive collapsing is particularly useful for larger navigation structures, as it keeps the initial menu more compact while still providing access to nested pages.
Auto Expand Current Item
Enable Auto Expand Current Item to automatically open the submenu hierarchy that contains the page currently being viewed.
This keeps the visitor’s current position visible within deeper navigation structures without requiring them to manually expand each parent level.
Dropdown Toggle Icon
Choose the icon displayed alongside menu items that contain a submenu. Several built-in icon styles are available, allowing the expansion control to match the rest of your header design.
Dropdown Toggle Shape
Add an additional shape around the submenu toggle icon to make the control more prominent and easier to distinguish from the menu item’s regular link.
Submenu Dots
Show or hide the small visual indicators used to emphasise the hierarchy of nested submenu items. Disabling them creates a cleaner presentation when the structure is already clear through spacing and indentation.
Items Vertical Spacing
Adjust the vertical distance between individual menu items. Increasing the value creates a more spacious navigation layout, while reducing it keeps larger menus more compact.