You can add small icons by using CSS styling. Every menu item has it’s own CSS ID like:
<li id=”menu-item-2672″ ……. >Your menu
Basically using the background-image property:
http://www.w3schools.com/cssref/css3_pr_background.asp
Thread Starter
Rokgoo
(@rokgoo)
Thanks for the response. What you recommend is a permanent background image for every menu item. Menu items in WordPress are dynamic and are depended of pages. How can a menu item decide to display this icon or not, in other word, how can a menu item know if it has a sub-menu or not?
It’s not possible to do that via CSS dynamically (a menu item that hides/displays automatically depending on the user status or type). But you can manually add the CSS to the parent menu.
Although I don’t know if it’s exactly what you are looking for, might wanna consider premium ones like
http://wpmegamenu.com/
BTW, here is the tutor about styling the menu, just in case it’s useful:
http://www.wpbeginner.com/wp-themes/how-to-style-wordpress-navigation-menus/
you may be able to add the necessary class to the parent menu item by use of a plugin such as http://ww.wp.xz.cn/extend/plugins/majpage-menu-class-extender/
@cubecolour
Wow, that’s a nice plugin. Thanks for sharing.
