<p class="text-tip" style="position: relative">At the top of this page, you can see live demonstration of Top Menu. <img src="images/cliparts/arrows/arrow-up-right-2.png" style="position: absolute; top: -50px; 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="images/content/template-details/menu-styles/topmenu/menu-topmenu-icons-settings-j16.png" 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 href="images/content/template-details/design-features/uniicons.png" target="_blank" class="link-action">See preview of all icons</a></li></ul>