How to add icon to menu item using icon stack

Support
#1

I would like to know how I add icons to a menu item
I see this under the icon business stack menu
Home
I want to add Checkout to the menu with this unicode f788 what do I need to use for it

I have tried this Checkout
But it does not add icon just the Text $f788

What am I missing? Font Awesome is turned on in Theme Options

#2

Hi @monger,

Thanks for reaching out.

You can add the icons manually, but you may need to use the specific data-x-icon attribute to get that icon rendered. Like: I have added the code <i data-x-icon="&#xf0eb;"></i> in menu item and the icon shown.
To know more about the data-x-icon codes and the way to use the icons, please go through the video.

Hope this will help you.
Thanks

#3

That works for a Light Bulb and I followed this video and did not get same results where do I get the data x icons from was my question

#4

I got it sorted after a few trys

#5

Hi @monger,

Great that it is sorted now.

Thanks

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.