Menus

All you need to know about menus in YOOtheme Pro.

Menus and menu locations can be managed in the Menus panel of the WordPress customizer. Here you can also add, edit and delete menu items.


The Menus panel shows a list of all created menus. Click Create New Menu button to add a new menu. Alternatively, create a menu in the WordPress administration under Appearance → Menus. Enter a menu to see the list of all menu items.

Menu manager

Click on a menu item to change its title or remove it from the menu. Reorder menu items by dragging them above and below other menu items or create sub-levels by dragging them left or right. To create a new menu item, click the Add Items button.

For a more detailed information about menus, refer to the WordPress documentation.


There are two menu locations available in YOOtheme Pro.

Menu Location Description
Navbar The main menu of the website that shows up in the regular header.
Mobile The menu that shows up in the mobile header on smaller devices.

Manage the appearance of both menus in the corresponding Header and Mobile panels.

Menu locations

Note Instead of using the menu locations, you still can publish a menu widget in the Navbar or Mobile widget area. This can come in handy if you have to use the advanced settings of a menu widget.


Menus can also be published in several widget areas using the menu widget. The style of the menu will depend on the area where the menu widget is published.

Widget Area Style
header navbar The menu appears as a horizontal navbar.
mobile The menu appears as a vertical nav.
toolbar-left toolbar-right The menu appears as a horizontal subnav. Only level 1 menu items are shown.
sidebar top bottom The menu appears as a horizontal subnav or as a vertical nav depending on the Menu Style setting for the menu widget.

Learn more about the available widget areas in YOOtheme Pro.


To create a menu divider to separate menu items, go to Appearance → Menus in the WordPress dashboard. Add a Custom Link as a menu item, enter # for the URL field and --- for the Link Text. Alternatively, you can create a menu divider in the Menus panel in WordPress customizer.

Text menu item

Note The menu divider only appears in the top, bottom, sidebar and mobile areas and if the Menu Style is set to Nav.


To create a menu heading to group menu items, go to Appearance → Menus in the WordPress dashboard. Add a Custom Link as a menu item, enter # for the URL field and type in the Link Text. Alternatively, you can create a menu heading in the Menus panel in WordPress customizer.

Menu Heading

Note The menu heading only appears in the top, bottom, sidebar and mobile areas and if the Menu Style is set to Nav.


To create a text item in the navbar which does not link to a page but opens a dropdown with sub items, just enter # for the URL field and type in the Link Text.

Navbar Text Item

Then add submenu items to the text item.

Menu Sub Items


Accordion Menu

To create an accordion menu, just enter # for the URL field and type in the Link Text.

Accordion Menu

Then add sub items to the menu item.

Menu Sub Items

Note The accordion menu only appears in the top, bottom, sidebar and mobile areas and if the Menu Style is set to Nav.


Learn how to add menu images and icons in the header and navbar documentation.


Learn how to add subtitles to the navbar items in the header and navbar documentation.

YOOtheme Pro