<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: -20px;  right: 50px; padding-left: 10px" alt="Arrow" /></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 any <strong>font awesome icons</strong> to menu item. </p>
<p class="content-center"><img src="images/joomlashine/sample/Font-Awesome-Icons.png" alt="Font-Awesome"/></p>
<p>To set up icons, you need to go to menu item settings, then go Sun Framework Options tab and click on the Icon Picker to selec an icon of your choice.</p>
<img src="images/joomlashine/sample/Menu-icon.png" alt="" class="pull-center" title="Menu Icon"/>
<ul>
<li><a href="http://fontawesome.io/icons/" target="_blank" class="link-action">See preview of all FontAwesome icons</a></li></ul>