How to add the home icon widget to primary menu

home iconIn our demos and on this site we have a font awesome icon in our nav menu.

This is very easy to add to your menu. See Screenshot

Use a custom link and add your home page URL, then add this in navigation label.

<i class="fa fa-home-menu" aria-hidden="true"></i>

View CSS codes here for Phone and Email Icon tricks.

Note: If you don’t have a different mobile menu, the primary menu will be in used.  In that case the Home Icon will float to the right.  If you prefer on the left use this custom css.

#mobile-navigation-menu .fa-home-menu {left:0;padding: 0 40px;}
Tags:
Previous Post

Socrates Toolkit Plugin Demo

Next Post

How to improve the look of BBPress with CSS

Comments

    • Vidal Esparza
    • February 2, 2018
    Reply

    Is it possible, if i find a ‘Calendar icon’ i can make a widget using part of the same code?

      • Dan Nickerson
      • February 3, 2018
      Reply

      Yes you can just use: fa fa-calendar

    • Rafael Gomez
    • March 9, 2019
    Reply

    Hello friend is fantastic how this theme works, thanks for everything you give us, I wanted to ask you why I do not see the phone icon and the envelope in the bar above, sorry but I’m new to this. Thanks and blessings.

      • Dan Nickerson
      • March 10, 2019
      Reply

      Check the CSS code page for this code. https://customers.socratestheme.com/css-codes-tricks/

Leave a Reply

Your email address will not be published. Required fields are marked *