Using Icons Only in the Menu

So, on a recent site, I wanted to add social media icons right in with the menu. Here’s the look I was going for:

As you can see, I wanted the rest of my menu to be regular text, but at the end, I wanted to EASILY add some social media icons – with NO text.

I added the Enqueue script to my functions.php file as stated above. Then I simply went to my menu and created two new links as external links and added the text as the navigation label, like this:

Then I added this little bit of CSS to my style.css file:

/* Social Media menu items */
#menu-item-5200 a,
#menu-item-5201 a  {font-family: FontAwesome;}

I found out the menu items numbers by simply doing an inspect element.