{"id":2290,"date":"2019-05-14T08:32:29","date_gmt":"2019-05-14T08:32:29","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/docs\/blossom-fashion-free-theme-documentation\/configure-header-footer-section\/how-to-add-social-media-icons-in-header\/"},"modified":"2022-07-07T10:22:07","modified_gmt":"2022-07-07T04:37:07","slug":"how-to-add-social-media-icons-in-header","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-fashion\/configure-header-footer-section\/how-to-add-social-media-icons-in-header\/","title":{"rendered":"How to Add Social Media Icons in Header?"},"content":{"rendered":"\n<p>You can either follow the video or the below steps to configure this section in the Blossom Fashion theme.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Add Social Media Icons in Header | Blossom Fashion WordPress Theme\" width=\"1024\" height=\"576\" src=\"https:\/\/www.youtube.com\/embed\/wdCVH-ImOVA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Stey-by-Step Method to Add Social Media Icons in Header<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1303\" height=\"785\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Social-Media-Icons-Demo.png\" alt=\"Social Media Icons Demo\" class=\"wp-image-2319\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Social-Media-Icons-Demo.png 1303w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Social-Media-Icons-Demo-300x181.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Social-Media-Icons-Demo-768x463.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Social-Media-Icons-Demo-1024x617.png 1024w\" sizes=\"(max-width: 1303px) 100vw, 1303px\" \/><\/figure>\n\n\n\n<p>Please follow the below steps to add social media links and enable\/disable social media on the header.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to&nbsp;<strong>Appearance &gt; Customize &gt; General Settings &gt; Social Media Settings<\/strong><\/li><li><strong>Enable Social Links.<\/strong> Blue is enabled. When you enable social links, social media icons will be displayed in the header.<\/li><li>Click \u201c<strong>Add new links<\/strong>\u201d button to add a social media icon.<\/li><li>Enter the icon and link for social media. Click on a link to edit it. Click on \u201cRemove\u201d to remove a social icon.<\/li><li>Click&nbsp;<strong>Publish.<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"344\" height=\"835\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Add-Social-Media-Links-n-the-Header.png\" alt=\"Add Social Media Links n the Header\" class=\"wp-image-2321\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Add-Social-Media-Links-n-the-Header.png 344w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Add-Social-Media-Links-n-the-Header-124x300.png 124w\" sizes=\"(max-width: 344px) 100vw, 344px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>You can either follow the video or the below steps to configure this section in the Blossom Fashion theme. Stey-by-Step Method to Add Social Media Icons in Header Please follow the below steps to add social media links and enable\/disable social media on the header. Go to&nbsp;Appearance &gt; Customize &gt; General Settings &gt; Social Media [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":2276,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-2290","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/2290"}],"collection":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/comments?post=2290"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/2290\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/2276"}],"next":[{"title":"How to Add Footer Widgets?","link":"https:\/\/docs.blossomthemes.com\/blossom-fashion\/configure-header-footer-section\/how-to-add-footer-widgets\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/2291"}],"prev":[{"title":"How to Create & Edit Navigation Menu?","link":"https:\/\/docs.blossomthemes.com\/blossom-fashion\/configure-header-footer-section\/how-to-create-edit-navigation-menu\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/2289"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=2290"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=2290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}