Mobile Menu Icons

Hi,
In our theme we use our own custom font and icons. You can see a list of the icons here and the code you need to use in css: http://screencast.com/t/sjEbDBlVsjUb
You can get one of the icons from our theme: http://screencast.com/t/SmZmmr3Bc7Z and apply them using the codes from the list above like so:
.td-icon-menu-down:before {
content: '\e80f'!important;
}
Or alternatively you could use the font awesome for menus plugin.
Hope this helps.
Thanks.

Hi,
In order to target only the mobile version you can use the media queries. For example, the code above would look like this:
@media (max-width:767px){
.td-icon-menu-down:before {
content: '\e80f'!important;
}
}
If you want to have individual icons, you can target each menu item using the unique menu item ID:
http://screencast.com/t/64WrVlhrM. You can use your browser inspector to get the individual menu item ID and use it like so:
@media (max-width:767px){
#menu-item-226 .td-icon-menu-down:before {
content: '\e80f'!important;
}
}

Thanks.