WordPress: How to add Social Icons to the menu/navbar

You can add a range of icons to the navbar/menubar by following the steps below:

  1. Make sure that a menu has been created and assigned to the “Primary” menu position (Click here for more guidance on setting up menus).
  2. Add the links to your social media pages under pipdig > Social Links
  3. (click here for more information).

  4. Go to Appearance > Customize and view the “Navbar Icons” section, as shown below. Then select any icons you’d like to display.

Article tags: search icon, social media, menus, buttons, button

Was this article helpful?

8 Comments

  1. sara

    Hi!

    I have added my social icons to the menu/navbar but they are not at the same level, they are just on row below the menu. I would like them to be aligned in the same row. Is that possible?
    Thanks a lot!

    1. Phil (pipdig)

      Hi Sara, it sounds like you might have too many menu items, so there is no space left for the social icons which are therefore being pushed down below. You may wish to consolidate some of your menu items into dropdowns.

  2. Kimberly

    How do I move the Navbar icons from my Primary Menu to the Top Bar Menu (on Equinox)?

    1. Phil (pipdig)

      Hi Kimberly, that’s not possible using the standard theme options. The icons will always be added to the Primary menu since this is the main menu of the theme. There might be a plugin you could use to add a search bar to any menu though.

  3. Mo

    HI Phil, I have followed the steps and the social icons still will not add to the nav/menu bar. I have the culture shock theme. In the template example it shows that I should able to add them but for some reason it won’t.

    1. Phil (pipdig)

      Hi Mo, are you 100% sure you’ve completed step 1 and 2 above? It sounds like at least one of those features hasn’t been set. This is the only way the icons would not be shown.

      1. Monique

        Phil, You are absolutely right. I had not completed Step 2. I thought because I had already added social media links on the widgets page that that was the actual step! All is good. Thanks so much for your help.

Leave a comment


The link to your website will be visible to support staff only. It will not be shown publicly.