Archived topic
Add icons to navigation menu bar items
3 replies · Started by Christopher on July 23, 2022
Hey guys,
I was wondering if it is possible to add a small SVG icon (or other formats) to the left of my navigation bar items. For example I would like to get a tree icon to the left of the tree page text: https://www.screencast.com/t/PS9oLyRliswx
iconify offers various formats, but I am not sure how to get it into the text? Any tips?
Thanks!
Hi there,
if you can get an an SVG img in its raw <SVG> HTML then you can add it inside the menu items Label field before your text. It may take some tweaking, so i would suggest you also give the Menu Item a CSS Class of menu-icon then that can be used to target the icon using CSS.
Heres how to add a Class to menu items:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes
Thanks!
You're welcome