<p class="text-tip" style="position: relative;">On top of this page, you can see live demonstration of Main Menu with icons and rich text. <img src="http://demo.joomlashine.com/joomla-templates/jsn_boot/pro/images/cliparts/arrows/arrow-up-right-2.png" border="0" alt="Icon Arrow Up" style="position: absolute; top: -15px; padding-left: 10px;" /></p>
<p>Main Menu is very powerful menu built with clean accessible XHTML code structure and effective drop-down submenu panels.</p>
<h3>Main Menu Icons</h3>
<p class="content-center"><img src="http://demo.joomlashine.com/joomla-templates/jsn_boot/pro/images/content/template-details/menu-styles/mainmenu/menu-mainmenu-icons.png" border="0" alt="Main Menu Icons" width="600" height="175" /></p>
<p>You can attach any of <strong>20 predefined icons</strong> to menu items to make them more appealing.</p>
<p>To set up icons, you need to go to menu item settings and add symbol combination <strong>jsn-icon-xxx</strong> to menu item’s parameter <strong>Link CSS Style</strong>, where <strong>xxx</strong> is the icon name.</p>
<ul>
<li><a class="link-action" href="http://demo.joomlashine.com/joomla-templates/jsn_boot/pro/images/content/template-details/design-features/uniicons.png" target="_blank">See preview of all icons</a></li>
</ul>
<hr class="line-dots" />
<h3>Main Menu Rich Text</h3>
<p class="content-center"><img src="http://demo.joomlashine.com/joomla-templates/jsn_boot/pro/images/content/template-details/menu-styles/mainmenu/menu-mainmenu-rich.png" border="0" alt="Main Menu Rich Text" width="600" height="175" /></p>
<p>You can add descriptive text to menu items to make them much clearer.</p>
<p>To set up descriptive text, you need to go to menu item settings and add descriptive text to menu item’s parameter <strong>Link Title Attribute</strong>.</p>
<hr class="line-dots" />
<h3>Main Menu Icons and Rich Text in combination</h3>
<p class="content-center"><img src="http://demo.joomlashine.com/joomla-templates/jsn_boot/pro/images/content/template-details/menu-styles/mainmenu/menu-mainmenu-richicons.png" border="0" alt="Main Menu Rich Text combined with Icons" width="600" height="175" /></p>
<p>You can set up menu items to utilize both icons and rich text in combination. Take a look at main menu on this page to see live demonstration.</p>