This is typical menu example using Smart Responsive Menu for jQuery & CSS. To make it work, you need to load the files, write some markup and call jQuery plugin for the menu. Step by step info is bellow the menu.
Step 1: Loading styles - add the following lines into header of the page, and adjust paths to match the location for files:
Step 2: Enhancing menu markup - envelop your standard UL/LI menu structure with DIV with styles for menu:
Step 3: Load & run jQuery plugin - You need to load jQuery and both touchMenuHover and Smart Responsive Menu scripts:
And here is the same menu with font icons from FontAwesome:
The icons are added directly into markup, and they have nothing to do with Smart Responsive Menu, but it shows that menu will work just with them, and will look at least 20% better.
To see more example of Smart Resposnive Menu, check out the links on the top of this page. Enjoy!