Social icons are not displaying/linking correctly

There can be numerous different reasons why your icons are not displaying or linking correctly. We'll explore them all below:

My icons are missing altogether or appear as boxes

In your WordPress dashboard, go to Plugins > Installed Plugins. See if you have a social icons plugin installed, such as Simple Social Icons or a similar plugin. These plugins can "override" the icons included in our themes and cause them to not display. If you are using a social icons plugin, remove it.

Another cause of missing icons is CSS minification. Check to see if you have any plugins related to site optimization (i.e. Autoptimize). If so, disable the CSS minification feature. Some caching plugins, such as W3 Total Cache, also have a CSS minification feature in the settings. Most of the time, CSS minification will remove the CSS file needed to display the icons.

My icons lead to an error page

If your icons are leading to an error page on your site, there are two possible reasons. 

  1. The URLs to your social profiles are missing http://. A correct link looks like this: http://facebook.com/myprofile or https://facebook.com/myprofile
  2. The quotation marks around your links are corrupted. If this the case, grab the clean social icons code at the bottom of this page and add your links again.

Need to grab the social icons code?

Here it is!