Create Your Social Icon Menu

As with most if not all themes, you get a social networking menu which is located in the footer area of your web page. This theme also offers something different compared to font based icons, we decided to implement a much better solution using SVG icons….which is used by the popular default WordPress theme called Twenty Seventeen.

Here is an example of the social icon menu for this theme:

bright social icons

Setting this up is very easy because we just need to create a menu and add custom links to it.

  1. Go to Appearance > Menus
  2. Click on “Create a new menu” to create a new menu and name it something like Social Menu.
  3. Click on the “Create Menu” button
  4. Using the “Custom Links” panel to the left, we can now start adding our social profiles.
  5. For the URL field, enter in the full path to your page. We can use our twitter as an example:
  6. The Label field would then be: Twitter
  7. Click “Add to Menu
  8. Repeat steps 4, 5, and 6 for additional social profiles you want to add.
  9. When you are done adding the menu items, click “Save Menu

Assign the Menu to the Social Menu Location:

This will depend on the theme you are using because every theme will use their own menu locations that are made available to you. You are also not limited to just the menu locations that comes with your theme, you can also create additional menus to use in widgets.

  1. Scroll down to the bottom where it says “Theme Settings” and tick the menu location checkbox next to “Social Menu”.
    bright social location
  2. Click on “Save Menu