{"id":1206,"date":"2021-07-10T10:28:02","date_gmt":"2021-07-10T10:28:02","guid":{"rendered":"https:\/\/apressthemes.com\/help\/?post_type=docs&#038;p=1206"},"modified":"2021-07-18T16:01:22","modified_gmt":"2021-07-18T16:01:22","password":"","slug":"how-to-add-and-customize-header-social-icon","status":"publish","type":"docs","link":"https:\/\/apressthemes.com\/help\/docs\/how-to-add-and-customize-header-social-icon\/","title":{"rendered":"How to add and customize Header Social Icon"},"content":{"rendered":"<h3>Add \/ Edit Existing Header<\/h3>\n<p>1- Add New Header\/ Edit your existing Header<br \/>\n2- Add Title for new header<br \/>\n3- Create your Header with the elements<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1029\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header.png\" alt=\"\" width=\"1453\" height=\"626\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header.png 1453w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header-300x129.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header-1024x441.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header-768x331.png 768w\" sizes=\"auto, (max-width: 1453px) 100vw, 1453px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Add &amp; Edit Header Social Element<\/h3>\n<p>Adding Header Social Element to your Header the same way using WP Bakery Page Builder<br \/>\nAdd your Social Profiles<\/p>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/how-to-add-and-customize-header-social-icon\/header-social-icon\/\" rel=\"attachment wp-att-1301\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1301\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/header-social-icon.png\" alt=\"\" width=\"1430\" height=\"777\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/header-social-icon.png 1430w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/header-social-icon-300x163.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/header-social-icon-1024x556.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/header-social-icon-768x417.png 768w\" sizes=\"auto, (max-width: 1430px) 100vw, 1430px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>Customize Header Social Icon Styling<\/h3>\n<ul>\n<li>Select form 7 different Social icon styles<\/li>\n<li>Select Brand color \/ Custom Color \/ Color schemes form Theme Options<\/li>\n<li>Avalable Hover Style &#8211; Fade\/ Slide\/\u00a0 None<\/li>\n<li>Layout Orientation &#8211; Vertical \/ Horizontal<\/li>\n<\/ul>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/how-to-add-and-customize-header-social-icon\/header-social-icon-settings\/\" rel=\"attachment wp-att-1303\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1303\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/header-social-icon-settings.png\" alt=\"\" width=\"728\" height=\"663\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/header-social-icon-settings.png 728w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/header-social-icon-settings-300x273.png 300w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/a><\/p>\n<h3>Extras ( To position Social Icons outside Header area)<\/h3>\n<p>This is only required if you want to position the hamburger menu in any position of the screen ( outside header area ) like Bottom left \/ Left center etc<\/p>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/how-to-add-and-customize-header-social-icon\/header-social-icon-panel-settings\/\" rel=\"attachment wp-att-1302\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1302\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/header-social-icon-panel-settings.png\" alt=\"\" width=\"726\" height=\"662\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/header-social-icon-panel-settings.png 726w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/header-social-icon-panel-settings-300x274.png 300w\" sizes=\"auto, (max-width: 726px) 100vw, 726px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>If you want to have a different menu for Mobile Menu then follow Next Step &#8211; the link at the bottom<\/p>\n<p><strong>Next Step &#8211; Customizing Mobile Menu for the newly created header &#8211; <\/strong><a href=\"https:\/\/localhost\/apdoc\/docs\/mobile-header-using-wp-bakery-page-builder\/\">https:\/\/localhost\/apdoc\/docs\/mobile-header-using-wp-bakery-page-builder\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add \/ Edit Existing Header 1- Add New Header\/ Edit your existing Header 2- Add Title for new header 3- Create your Header with the elements &nbsp; Add &amp; Edit Header Social Element Adding Header Social Element to your Header&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[8],"doc_tag":[],"class_list":["post-1206","docs","type-docs","status-publish","hentry","doc_category-header-builder"],"year_month":"2026-04","word_count":159,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"author_nicename":"tech_ac9x_hlp","author_url":"https:\/\/apressthemes.com\/help\/author\/tech_ac9x_hlp\/"},"doc_category_info":[{"term_name":"Header Builder","term_url":"https:\/\/apressthemes.com\/help\/docs-category\/header-builder\/"}],"doc_tag_info":[],"author_list":[{"ID":"2","user_login":"tech_ac9x_hlp","display_name":"Apress Help","id":"2"}],"_links":{"self":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs\/1206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/comments?post=1206"}],"version-history":[{"count":0,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs\/1206\/revisions"}],"wp:attachment":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/media?parent=1206"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_category?post=1206"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_tag?post=1206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}