{"id":35882,"date":"2014-09-11T09:41:58","date_gmt":"2014-09-11T13:41:58","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=35882"},"modified":"2016-02-23T06:20:24","modified_gmt":"2016-02-23T11:20:24","slug":"joomla-3-x-how-to-manage-social-icons-menu","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/joomla-3-x-how-to-manage-social-icons-menu.html","title":{"rendered":"Joomla 3.x. How to manage social icons menu"},"content":{"rendered":"

<\/p>\r\n

Our Support team is ready to present you a new tutorial that will show you how to manage Social icons menu in Joomla 3.x templates.<\/p>\r\n

Joomla 3.x. How to manage social icons menu<\/a><\/p>\r\n

1.<\/strong> In your admin panel navigate to Menus->Social Media<\/strong>. You will see the Social Networks menu items there.<\/p>\r\n

\"Joomla3.How_to_manage_social_icons_menu_1\"<\/a><\/p>\r\n

2.<\/strong> If you need to remove one of the Social icons from your site, disable the menu item with the corresponding title. You will need to open each menu item to edit it. Lets edit the Facebook menu item.<\/p>\r\n

3.<\/strong> Open Facebook menu item, you will see the “Link”<\/strong> field.<\/p>\r\n

\"Joomla3.How_to_manage_social_icons_menu_2\"<\/a><\/p>\r\n

4.<\/strong> Provide the link to your Facebook account instead of # (e.g. https:\/\/www.facebook.com\/my_page). Click on Save<\/strong> button.<\/p>\r\n

5.<\/strong> Repeat these steps for other Social Icons. <\/p>\r\n6.<\/strong> Check your site. Social icons are now linked to your social networks pages.<\/p>\r\n

7.<\/strong>To change the icon, please go to Link Type tab. In most cases icons for Social menu are taken from http:\/\/fortawesome.github.io\/Font-Awesome\/icons\/<\/a>. In the Link CSS Style field you will see the css class added for the icon. In this case it is “fa fa-facebook”<\/em><\/strong>.<\/p>\r\n

\"Joomla3.How_to_manage_social_icons_menu_3\"<\/a><\/p>\r\n

8.<\/strong>To replace the icon, select new icon from the page mentioned above, each icon has a specific CSS class, replace the CSS class in the Link CSS Style<\/strong> field and save your changes. <\/p>\r\n

Check the site, the icon was replaced. <\/p>\r\n

Feel free to check the detailed video tutorial below:<\/p>\r\n

Joomla 3.x. How to manage social icons menu<\/a><\/p>\r\n

<\/p>\r\n

<\/p>\r\n

<\/p>","protected":false},"excerpt":{"rendered":"

Our Support team is ready to present you a new tutorial that will show you how to manage Social icons menu in Joomla 3.x templates.<\/p>\n","protected":false},"author":56,"featured_media":35892,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[724],"tags":[1183,811,793,571,860],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/35882"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=35882"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/35882\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/35892"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=35882"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=35882"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=35882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}