How To Add An Icon To Your Menu In Beaver Builder

How To Add An Icon To Your Menu In Beaver Builder

Recently while working on one of my own websites I decided I wanted to add icons to the menu just to give it something a little extra. while I'm sure others have done this as well I had to look around a bit to get the exact results I wanted.

In my case I'm using the Beaver Builder theme for the site I was building for a training series I'm doing "A Little Extra Income".


I wanted the icons to designate the difference between the training modules, resources, bonus videos and such. This process was quite easy using the regular menu option and the font awesome library. I went to and located the icon I wanted to use clicked the html resource to copy it and included that text in my menu display text.

You may need to go into your Beaver Builder settings and enable font awesome if you've not done so already. In many cases this is on by default.

I show how you can do this step by step in the video below how you can add an icon to your WordPress menu. It's easier than you may think.

By the way if you like these type of videos check out my YouTube channel for more tips like this.

Play Video

About Frank Deardurff

My Passion is my Faith, Family, Love for Music, Art and Photography. I myself have delivered many of my own training courses as well as webinars and teleseminars for many other coaching groups. I’ve also published a book titled “50 Biggest Website Mistakes”. Having many decades of experience in various forms of graphics and IT experience and aspects of online business, my vision is to help others overcome their fears and frustration with taking their businesses online and reach the next level of success.

Leave a Comment