On top of this page, you can see live demonstration of Rich Menu. ![Icon Arrow Up](/images/cliparts/arrows/arrow-up-right-2.png)
With this menu system you can attach icons and add descriptive text to each menu item making them much clearer and visually appealing. The best thing is you can use the default menu module built-in Joomla!, no need to install external menu modules.
Menu items with descriptive text
JSN Sky allows you to present menu items with descriptive text placed on a separated line at the bottom of main text.
![Main Menu Rich Text](/images/content/template-details/menu-styles/rich-menu/menu-mainmenu-rich.png)
To setup text strings you need to go to menu item settings and add symbol combination “(=)” as separator between primary and secondary text.
![Main Menu Rich Text Settings](/images/content/template-details/menu-styles/rich-menu/menu-mainmenu-rich-settings.png)
In the example above text “Home” is the primary text and “Lorem ipsum dolor sit...” is the secondary text. Separator between them is the symbol combination “(=)”. Really simple and elegant solution.
Menu items with icons
JSN Sky allows you to assign up to 20 predefined icons for items in main menu.
![Main Menu Icons](/images/content/template-details/menu-styles/rich-menu/menu-mainmenu-icons.png)
To setup icons, you need to find template parameter Main Menu Icons and choose any icon you want to display from drop-down panel.
![Main Menu Icons Settings](/images/content/template-details/menu-styles/rich-menu/menu-mainmenu-icons-settings.png)
Combination of descriptive text and icons
You can use combination of descriptive text and icons to get Rich Menu in it's best presentation.
![Main Menu Rich Text combined with Icons](/images/content/template-details/menu-styles/rich-menu/menu-mainmenu-rich-icons.png)