XF 2.3 Adding Fontawesome to nav

[Seeker-Smith]

There must be a better way to do this. Suggestions?

I've added a menu item Account to my menu bar. I also want to add a icon.


The result works.

But it messes up the the parent navigation entry.

 

[Mr Lucky]

Add the icon to the phrase. I'm not sure Account is a standard navigation item, maybe from an addon but the same applies. You can edit the phrase.




See here:

Font awesome icons 2.3 - categories, nodes, prefixes, phrases, templates etc...

Sep 19, 2024

A general guide to using Font Awesome icons in xenforo 2.3

• Mr Lucky
• font awesome
• XenForo tips & guides [2.x]

Otherwise there are addons to add icon to navigation

[cXF] Navigation tab icons

Dec 27, 2017

Icons for navigation tabs and its subnavigation links also on mobile menu

• BassMan
• bassman customizexf.com cxf icons navigation tabs
• Template modifications [2.x]

 

[Seeker-Smith]

Add the icon to the phrase. I'm not sure Account is a standard navigation item, maybe from an addon but the same applies. You can edit the phrase.

View attachment 326288


See here:

Font awesome icons 2.3 - categories, nodes, prefixes, phrases, templates etc...

Sep 19, 2024

A general guide to using Font Awesome icons in xenforo 2.3

• Mr Lucky
• font awesome
• XenForo tips & guides [2.x]

Otherwise there are addons to add icon to navigation

[cXF] Navigation tab icons

Dec 27, 2017

Icons for navigation tabs and its subnavigation links also on mobile menu

• BassMan
• bassman customizexf.com cxf icons navigation tabs
• Template modifications [2.x]

Thanks for the ideas. I found a simple solution using extra.less

&[data-nav-id='account']:before {.m-faContent(@fa-var-user); padding-right: 5px;}

 

[Mr Lucky]

Ah yes, that is also in my tutorial I linked here

Thanks for the solution!