fbpx

Documentation: How to add Social Icons Menu?

Social icons can be easily added to our theme . You just have to create a custom menu, and add your social media links as menu links to it.

Create Social Icons menu

  1. Go to Appearance->Menus in your WordPress Backend
  2. Click on create a new menu. Then insert a menu name like Social Icons to create the menu.
  3. Afterwards you can add all your social media profiles by using the Custom Links menu type. Enter the URL to your social media profile like Twitter and Facebook. The Link Text is not displayed and only used in the Backend.
  4. You can assign the menu to the Social Icons menu location.
    1. Depending on the theme, there might be different menu locations available for social menus. For example a location for Social Links On Primary or just Social Links.

Please note that social icons are not displayed in normal locations like Main Navigation.

Alternative: Social Icons Widget(Premium Version)

In addition, you can also display the Social Icons Menu in a widget.

After you have saved the menu, you can use the Social Icons Widget on Appearance → Widgets in your WordPress Backend.

  1. Go to Appearance->Widgets in your WordPress Backend
  2. Select the widget for social menu. This varies with theme. VB: Social Menu for Versatile Business Pro Theme
  3. Select the Sidebar/Widget Area you want to add social icons to and then add the widget
  4. Select the menu you created
  5. Save

The Menu will appear in your sidebar.

 

Included Social Media Sites

The theme will automatically detect the URLs of your menu links and show the appropriate icon using the Font Awesome icon font, almost all social icons that are included. If you add a link to an unsupported website a default chain icon will be used.

Opening Links in new tab

  1. Click on the Screen Options link in the top right corner of the menu admin screen.
  2. Check the “Link Target” option : this will reveal the “Open link in a new tab” option.
  3. Check Open link in a new tab checkbox
  4. Save