Small Icon in Submenu

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:

https://www.w3schools.com/cssref/css3_pr_background.asp

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

https://wpmegamenu.com/

BTW, here is the tutor about styling the menu, just in case it’s useful:

https://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 https://www.ads-software.com/extend/plugins/majpage-menu-class-extender/

@cubecolour

Wow, that’s a nice plugin. Thanks for sharing.