{"id":40798,"date":"2020-02-18T06:25:03","date_gmt":"2020-02-18T11:25:03","guid":{"rendered":"https:\/\/www.kinexmedia.com\/?p=40798"},"modified":"2022-11-19T08:56:36","modified_gmt":"2022-11-19T13:56:36","slug":"how-to-change-header-design-in-magento-2","status":"publish","type":"post","link":"https:\/\/www.kinexmedia.com\/blog\/how-to-change-header-design-in-magento-2\/","title":{"rendered":"How to Change Header Design in Magento 2"},"content":{"rendered":"<p>Your online store is a frontend of what your customers are seeing. And Header is your first point of direct contact.<\/p>\n<p>If you are planning to change or alter your header in <a href=\"https:\/\/www.kinexmedia.com\/magento-2-development\/\">Magento 2<\/a>, then you are at the right spot.<\/p>\n<p>You can find the steps below for tailoring the header to suit your business needs using pearl theme options.<\/p>\n<p><strong>Stage1:<\/strong>\u00a0Find the <strong><em>admin sidebar<\/em><\/strong> tap Welt Pixel; go to Pearl theme options; choose custom header.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-40801 aligncenter\" src=\"https:\/\/www.kinexmedia.com\/wp-content\/uploads\/2020\/02\/3-4.jpg\" alt=\"Magento 2 Admin\" width=\"624\" height=\"387\" srcset=\"https:\/\/www.kinexmedia.com\/wp-content\/uploads\/2020\/02\/3-4.jpg 624w, https:\/\/www.kinexmedia.com\/wp-content\/uploads\/2020\/02\/3-4-161x100.jpg 161w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/>From there move to <strong><em>General Settings<\/em><\/strong> and then on <strong><em>Custom header<\/em><\/strong>, where you can select header style that has 4 different versions that are available.<\/p>\n<p>After you set your version, please don&#8217;t forget to Save Config.<\/p>\n<p><strong><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-40802 aligncenter\" src=\"https:\/\/www.kinexmedia.com\/wp-content\/uploads\/2020\/02\/2-4.jpg\" alt=\"Magento 2 Configuration\" width=\"540\" height=\"335\" srcset=\"https:\/\/www.kinexmedia.com\/wp-content\/uploads\/2020\/02\/2-4.jpg 540w, https:\/\/www.kinexmedia.com\/wp-content\/uploads\/2020\/02\/2-4-161x100.jpg 161w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/strong><\/p>\n<p><strong>Stage2:<\/strong> To view the changes go to Admin sidebar tap System \u2192 Tools \u2192 Cache Management and be sure to:<\/p>\n<ul>\n<li>Reinforce Pearl Theme LESS\/CSS files for your store<\/li>\n<li>Flush Magento Cache.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-40803 aligncenter\" src=\"https:\/\/www.kinexmedia.com\/wp-content\/uploads\/2020\/02\/1-4.jpg\" alt=\"Cache Management\" width=\"556\" height=\"345\" srcset=\"https:\/\/www.kinexmedia.com\/wp-content\/uploads\/2020\/02\/1-4.jpg 556w, https:\/\/www.kinexmedia.com\/wp-content\/uploads\/2020\/02\/1-4-161x100.jpg 161w\" sizes=\"auto, (max-width: 556px) 100vw, 556px\" \/>Your new version of Header is now in use. After refreshing your page you can see it in the frontend.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Your online store is a frontend of what your customers are seeing. And Header is your first point of direct contact. If you are planning to change or alter your header in Magento 2, then you are at the right spot. You can find the steps below for tailoring the header to suit your business [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":40804,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[14],"tags":[],"class_list":{"0":"post-40798","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-magento-ecommerce"},"acf":[],"_links":{"self":[{"href":"https:\/\/www.kinexmedia.com\/wp-json\/wp\/v2\/posts\/40798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kinexmedia.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kinexmedia.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kinexmedia.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kinexmedia.com\/wp-json\/wp\/v2\/comments?post=40798"}],"version-history":[{"count":4,"href":"https:\/\/www.kinexmedia.com\/wp-json\/wp\/v2\/posts\/40798\/revisions"}],"predecessor-version":[{"id":52429,"href":"https:\/\/www.kinexmedia.com\/wp-json\/wp\/v2\/posts\/40798\/revisions\/52429"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kinexmedia.com\/wp-json\/wp\/v2\/media\/40804"}],"wp:attachment":[{"href":"https:\/\/www.kinexmedia.com\/wp-json\/wp\/v2\/media?parent=40798"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kinexmedia.com\/wp-json\/wp\/v2\/categories?post=40798"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kinexmedia.com\/wp-json\/wp\/v2\/tags?post=40798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}