{"id":3396,"date":"2019-06-24T09:33:54","date_gmt":"2019-06-24T03:48:54","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/docs\/blossom-recipe-documentation\/configure-header-footer-section\/how-to-add-social-media-icons-in-header\/"},"modified":"2020-09-02T17:51:32","modified_gmt":"2020-09-02T12:06:32","slug":"how-to-add-social-media-icons-in-header","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-recipe\/configure-header-footer-section\/how-to-add-social-media-icons-in-header\/","title":{"rendered":"How to Add Social Media Icons in Header?"},"content":{"rendered":"<p>You can either follow the video or the below steps to configure this section in the Blossom Recipe theme.<\/p>\n<p><iframe loading=\"lazy\" title=\"How to Add Social Media Icons in the Header | Blossom Recipe WordPress Theme\" width=\"1024\" height=\"576\" src=\"https:\/\/www.youtube.com\/embed\/0JspzJ20FRg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3442\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-31-Image-21.png\" alt=\"Social media demo blossom recipe\" width=\"1024\" height=\"167\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-31-Image-21.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-31-Image-21-300x49.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-31-Image-21-768x125.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<ul>\n<li>Go to\u00a0<strong>Appearance &gt; Customize &gt; General Settings &gt; Social Media Settings<\/strong><\/li>\n<li>Enable\u00a0<strong>Social Links<\/strong>. Blue is enabled. When you enable social links, social media icons will be displayed in the header.<\/li>\n<li>Click \u201c<strong>Add new links<\/strong>\u201d button to add a social media icon.<\/li>\n<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>\n<li>Click\u00a0<strong>Publish<\/strong>.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3444\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-34-Image-24.png\" alt=\"Configure social media icons blossom recipe\" width=\"341\" height=\"758\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-34-Image-24.png 341w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-34-Image-24-135x300.png 135w\" sizes=\"(max-width: 341px) 100vw, 341px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can either follow the video or the below steps to configure this section in the Blossom Recipe theme. Go to\u00a0Appearance &gt; Customize &gt; General Settings &gt; Social Media Settings Enable\u00a0Social Links. Blue is enabled. When you enable social links, social media icons will be displayed in the header. Click \u201cAdd new links\u201d button to [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":3382,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-3396","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3396"}],"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=3396"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3396\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3382"}],"prev":[{"title":"How to Add Footer Widgets?","link":"https:\/\/docs.blossomthemes.com\/blossom-recipe\/configure-header-footer-section\/how-to-add-footer-widgets\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3395"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=3396"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=3396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}