Menu Icon doesn´t appear

I have theme X with stack integrity.

I want to put icon on the menu.

When i get to appearance > menu, I have the option to put a “Icon Primary” and “Icon Secondary”,
but it doesn’t seems to work.

What I’m doing wrong?

Hey Paulo,

Those icon options are for the Navigation Inline element which you can add in the Header if you’re using Pro. This is not available in X Header.

There are two ways to achieve what you need.

  1. First, you replace the X menu with UberMenu and then you configure UberMenu to show an icon for each menu item. Please see UberMenu’s usage instructions here.

  2. If you can do some , you can add the code below beside your menu label.

<i data-x-icon="&#xf015;" aria-hidden="true"></i>

Like this:

Then, go to https://fontawesome.com/icons and search for a free icon and get its unicode. You can see the unicode if you click to show the cheatsheet.

You can also click the icon and you can find the unicode in the icon’s page like the home icon in this example.

Once you found the unicode, use it in the code given above. Replace the unicode part of &#xf015; which is f015.

Also note that not all icons in Font Awesome site would work as the new ones listed there are not added in X and Pro yet.

For ease of setup, I’d recommend you upgrade to Pro.

Thanks.

1 Like

Thank you for the very good explanation!

you are most welcome!

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