Menus

All you need to know about menus in YOOtheme Pro.

The Joomla Menu Manager is seamlessly integrated into YOOtheme Pro. Menu items can be added, edited and deleted directly in the Menus panel without leaving YOOtheme Pro.


The Menus panel shows a list of all menus. Enter a menu to see the list of all menu items.

Menu manager

Click on a menu item to open a modal with the Edit Menu Items view from Joomla. A Delete button is also available in the upper right corner of the modal. To create a new menu item, click the New Menu Item button.

Menu edit menu item

For detailed information on how to edit menu items in Joomla, please refer to the Joomla documentation.


YOOtheme Pro introduces menu positions to Joomla. It's an easy way to publish menus on specific positions without having to create a Joomla module. There are two menu positions available.

Menu Position 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.

Open the Menus panel in YOOtheme Pro and display a menu by selecting the position where it should appear. For example, publish the main menu on the navbar position and an alternative menu on the mobile position.

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

Menu position

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

Note If you are creating a multilingual site, you can't use the menu positions. Instead, use the Joomla module manager to publish the right menu depending on the current languages.


Menus can also be published in several module positions using the menu module. The style of the menu will depend on the position where the menu module is published.

Module Position 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 module.

Learn more about the available module positions in YOOtheme Pro.


To create a menu divider to separate menu items, just choose System Links → Separator as menu item type when adding a new menu item.

Menu divider

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


To create a menu heading to group menu items, just choose System Links → Menu Heading as menu item type when adding a new menu item.

Menu Heading

Note The menu heading only appears in the top, bottom, sidebar and mobile positions 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 choose System Links → Separator as menu item type. Then add sub items to the text item.

Navbar Text Item

Then add submenu items to the text item.

Menu Sub Items


Accordion Menu

To create an accordion menu, just choose System Links → Separator as menu item type.

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