wordpress - font-awesome icons only as a menu / fa icons as navigation labels

[2018amdbuild]

Hi all, I've been trying to get font-awesome icons to act as the links for a second menu I've made for a website im working on but have not been able to set the icons themselves as the links - I inserted by adding the font-awesome css handles as the custom-css for the links. Removing the text portion from the links hasn't helped, nor has replacing the link label with the html code for the FA icons. I need this to work and to work on a "back-end" menu, and not a menu list hard-coded in as I need it to be easily adjustable, I shold mention im using the latest FA version as well as the underscores _s bare bones theme. Any help would be appreciated.

[LUUD18]

Could you show us the html?

[2018amdbuild]

Just now, LUUD18 said:

Could you show us the html?

e.g. for the youtube link, for navigation label of the menu link I have

<i class="fa fa-youtube"></i>

did you want the html of anything specifically?

 

[2018amdbuild]

I guess what I'm looking for is to make the icons into navigation labels

 

edit - looking at the front end i notice the FA icons appear inside the li tags but BEFORE the a tag begins, if anyone has an idea of how to get them on the inside of the a tag that would also serve as a solution.

[2018amdbuild]

resolve it - i had been using font-awesome classes in the navigation labels but had forgotten to use the corret prefix classes, as FA now uses far/fas/fab etc fir the prefix rather then the fa used previously e.g. <i class="far fa-caret-square-right"></i>, correct this and now I get font-awesome icons as links and part of the menu structure.