Resi – Social Icons

Scroll down the page for detailed instructions

The following social media websites can be used with the Social Menu: codepen, digg, dribbble, dropbox, facebook, flickr, google plus, github, instagram, linkedin, pinterest, reddit, skype, stumbleupon, tumblr, twitter, vimeo, wordpress, youtube, behance, spotify, deviantart, soundcloud, last.fm, 500px, VK, RSS, email (mailto:), telephone (tel:)

  1. Click on Appearance -> Menus
    ModernThemes WordPress Themes
  2. Click Create a New Menu
    Screen Shot 2015-10-05 at 3.23.09 PM
  3. Create a name for your Social Menu
    Screen Shot 2015-10-05 at 3.25.23 PM
  4. Click Create Menu
    Screen Shot 2015-10-05 at 3.25.35 PM
  5. Click on Custom Links
    Screen Shot 2015-10-05 at 3.28.53 PM
  6. Add Social Icon profile links to custom link fields. In the screenshot, we use Facebook as an example
    Screen Shot 2015-10-05 at 3.29.51 PM
  7. Important: If adding an email address, use the mailto: scheme trigger (ex: mailto:me@me.com). If adding a telephone number, use the tel: scheme trigger (ex: tel:900-555-4000)
    Screen Shot 2016-02-11 at 10.34.01 PM
    Screen Shot 2016-02-11 at 10.34.58 PM
  8. Press Add to Menu
    Screen Shot 2015-10-05 at 3.29.59 PM
  9. Repeat adding Custom Links for as many social media profiles you have. Most all major social media websites will populate. Just copy and paste social media link with http:// in front.
    Screen Shot 2015-10-05 at 3.33.09 PM
  10. Under Theme Locations, click Social option
    Screen Shot 2015-10-05 at 3.34.05 PM
  11. Click Save Menu
    Screen Shot 2015-10-05 at 3.34.10 PM
  12. To organize your links, drag the links in any order you would

Social Menu Settings

  1. Go to Appearance => Customize
    Premium WordPress Themes
  2. Go to Social Media Icons
    Screen Shot 2015-10-05 at 4.03.39 PM
  3. Customize settings based on your preferences
    Screen Shot 2015-10-05 at 4.03.46 PM

Open Links in New Window

  1. If link targets are not showing, go to top of screen and click Screen Options
    Screen Shot 2015-10-05 at 4.07.24 PM
  2. Click Link Target option
    Screen Shot 2015-10-05 at 4.07.48 PM
  3. Go to menu links and click link to open options. Click Open Link in New Window/Tab option.
    Screen Shot 2015-10-05 at 4.08.31 PM