Adding Voyager-Icons to new menu items

Hi there Nick,

Are you trying to do this for a specific script like Wave or is it a plain Voyager installation?

Usually to add an icon in Voayger what you need to do is:

• Go to your Voyager Admin
• Click on Tools -> then Menu Builder
• Then hit the 'Builder' button
• There you will see all of your menu items, click edit for the one that you want to update
• In the Font Icon class for the Menu Item field add the icon that you would like to use.

Yes it is a wave installation. I am using the voyager admin method and the menu is the existing authenticated menu. But after adding icons to new menu items they aren't showing unless they are already being used in the menu?

Hi Nick,

Ah yes I see, for the frontend menu Waave is using the UIkit. You can get the icons form here:

https://getuikit.com/docs/icon

Let me know how it goes!

That works, I did suspect that but by coincidence the voyager icons used just happened to be called the same in UI Kit both sets.

In the menu builder might it be worth adding something in the guidance to say something like: "Font Icon class for the Menu Item Back-end (Use a Voyager Font Class) Front-end (Use the relevant Theme Font Class)"

Hi Nick,

Yes indeed, this is a good idea! Thanks for brining it up.