Creating a Menu Icon

[quituck]

Hi,
I’m using X Theme Pro and I would like to know how add a user-icon to replace “My account” in my nav bar. I’m just not sure how to do that.

I tried using the info from this link but it wasn’t helpful. https://theme.co/archive/forums/topic/add-icon-to-menu-item/

Can you please advise?

Thanks

[friech]

Hi @quituck,

Thank you for writing in, before I answer your question I would like to clarify something because saying “X Theme Pro” really creates a big confusion for us, and please remember this for your future threads.

We have two themes, the first is called X and another one is called PRO. Here’s a documentation of The Difference Between X and Pro

And then there is the Cornerstone, Cornerstone is a family of builders that includes our Layout Builder, Header Builder, Page Builder, Footer Builder, and Grid Editor. X users must install Cornerstone as a separate plugin and have access the Page Builder. Pro users have Cornerstone built into the theme and have access to everything.

Ok back to your question, if your menu is built-in Header builder using one of the Navigation Elements. Set the Icon Primary option of the menu item.

If you’re using X, therefore it has the standard header, if so, use the following code on the Navigation Label field of the menu item.

<i class="x-icon" data-x-icon-o="&#xf007;" ></i>

More details about that on the following post:

Can the icons in the Top Bar be Font Awesome Light version?

Hi @core365, Thank you for writing in, please follow the same method provided here. The data-x-icon- you need to use is data-x-icon-o for outline. As of Font Awesome version 5 they split icons into multiple fonts. This can be fixed by changing instances of the data-x-icon attribute to one of the following: data-x-icon-b for social icons. data-x-icon-o for outline icons. data-x-icon-s for solid icons. Hope this helps, Cheers!

Cheers,

[quituck]

Neither of those options worked for me. I’m an using X-Theme pro and I don’t have a custom header.
I just want to use a user icon in place of MY Account.

Please advise.

[marc_a]

Hi @quituck,

The given credential is not working. Please double check and update it with the correct one.

Thank you.

[quituck]

Try now it should work.

[marc_a]

Hi @quituck,

The instruction given by my colleague is correct. You just put the icon in a wrong tab that’s why it is not showing. I went ahead and fix it then it is now showing properly on the front-end.

Hope that helps.

Thank you.

[quituck]

Thank you very much!

[friech]

Glad we could help,

Cheers!