<p class="text-tip" style="position: relative;">At the top of this page, you can see live demonstration of Top Menu. <img src="http://demo.joomlashine.com/joomla-templates/jsn_boot/pro/images/cliparts/arrows/arrow-up-right-2.png" border="0" style="position: absolute; top: -30px; padding-left: 10px;" /></p>
<p>Top Menu allows you to arrange menu items in horizontal line and assign icons to them. All icons are configured directly in menu item settings page which is very convenient.</p>
<p>You can choose up to <strong>20 predefined icons</strong> to menu item.</p>
<p class="content-center"><img src="http://demo.joomlashine.com/joomla-templates/jsn_boot/pro/images/content/template-details/menu-styles/topmenu/menu-topmenu-icons-settings-j17.png" border="0" width="600" height="300" /></p>
<p>To set up icons, you need to go to menu item settings and add symbol combination <strong>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>