{"id":57283,"date":"2015-11-18T06:38:10","date_gmt":"2015-11-18T11:38:10","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=57283"},"modified":"2017-09-11T06:31:46","modified_gmt":"2017-09-11T10:31:46","slug":"monstroid-how-to-add-follow-us-icons-to-the-header","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/monstroid-how-to-add-follow-us-icons-to-the-header.html","title":{"rendered":"Monstroid. How to add Follow Us icons to the header"},"content":{"rendered":"

This tutorial is going to show you how to add Follow Us<\/strong> icons to the header in the Monstroid theme.<\/p>\r\nMonstroid. How to add Follow Us icons to the header<\/a>\r\n

\r\n\r\n\r\n<\/a>\r\n<\/div>\r\n

Using the Monstroid theme you can add any number of social icons directly under the main menu. By default, the Header Sidebar<\/strong> area is inactive, so there is nothing under the main menu. We want to show you how to utilize that area:<\/p>\r\n\r\n\"Monstroid._How_to_add_Follow_Us_icons_to_the_header-1\"<\/a>\r\n\r\n

In order to add Follow Us icons to the header you need to perform the following:<\/p>\r\n\r\n

    \r\n\t
  1. \r\n\t\t

    Log into your Dashboard<\/strong>. Go to Cherry -> Static Area Builder<\/strong>. Add the Header Sidebar<\/strong> to the Header Top<\/strong> static position:<\/p>\r\n\r\n\"Monstroid._How_to_add_Follow_Us_icons_to_the_header-2\"<\/a>\r\n\t<\/li>\r\n\t\r\n\t

  2. \r\n\t\t

    Scroll down and click on the Save statics<\/strong> button:<\/p>\r\n\r\n\"Monstroid._How_to_add_Follow_Us_icons_to_the_header-3\"<\/a>\r\n\t<\/li>\r\n\t\r\n\t

  3. \r\n\t\t

    Go to Appearance -> Widgets<\/strong>. Add the Cherry Follow US<\/strong> widget to the Header Sidebar<\/strong> area:<\/p>\r\n\r\n\"Monstroid._How_to_add_Follow_Us_icons_to_the_header-4\"<\/a>\r\n\t<\/li>\r\n\t\r\n\t

  4. \r\n\t\t

    Select the networks<\/strong> you would like to be displayed in the header. Click Save<\/strong>:<\/p>\r\n\r\n\"Monstroid._How_to_add_Follow_Us_icons_to_the_header-5\"<\/a>\r\n\t<\/li>\r\n\t\r\n\t

  5. \r\n\t\t

    Reload the front page of your website. You’ll see the selected networks added right below the logo:<\/p>\r\n\r\n\"Monstroid._How_to_add_Follow_Us_icons_to_the_header-6\"<\/a>\r\n\t<\/li>\r\n\t\r\n\t

  6. \r\n\t\t

    You can easily change the styling of the added icons. You just need to apply several CSS rules<\/strong>.<\/p>\r\n\t<\/li>\r\n\t\r\n\t

  7. \r\n\t\t

    Go to Cherry -> Options -> General -> User CSS<\/strong>. Use the following CSS rules to change the Follow US<\/strong> icons styling:<\/p>\r\n\t\t