{"id":72,"date":"2019-02-25T09:36:03","date_gmt":"2019-02-25T09:36:03","guid":{"rendered":"https:\/\/rockythemes.com\/nimva3\/docs\/?p=72"},"modified":"2019-02-25T09:41:48","modified_gmt":"2019-02-25T09:41:48","slug":"how-to-change-the-header-layout","status":"publish","type":"post","link":"https:\/\/rockythemes.com\/nimva3\/docs\/how-to-change-the-header-layout\/","title":{"rendered":"How to change the Header Layout"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">To change the Header layout go to <strong>Theme Options -> Header Settings -> Header Layout<\/strong> and click on the Header Layout you want to use.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"902\" height=\"684\" src=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/header-layout.jpg\" alt=\"\" class=\"wp-image-73\" srcset=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/header-layout.jpg 902w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/header-layout-300x227.jpg 300w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/header-layout-768x582.jpg 768w\" sizes=\"auto, (max-width: 902px) 100vw, 902px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Once a header layout has been selected a blue border will appear around it, as seen in the image above. All header layouts can be seen in action below:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><a rel=\"noreferrer noopener\" aria-label=\"Header Layout 1  (opens in a new tab)\" href=\"https:\/\/rockythemes.com\/nimva3\/header-version-1\/\" target=\"_blank\">Header Layout 1 <\/a><\/strong><\/li><li><strong><a rel=\"noreferrer noopener\" aria-label=\"Header Layout 2 (opens in a new tab)\" href=\"https:\/\/rockythemes.com\/nimva3\/header-version-2\/\" target=\"_blank\">Header Layout 2<\/a><\/strong><\/li><li><strong><a rel=\"noreferrer noopener\" aria-label=\"Header Layout 3 (opens in a new tab)\" href=\"https:\/\/rockythemes.com\/nimva3\/header-version-3\/\" target=\"_blank\">Header Layout 3<\/a><\/strong><\/li><li><strong><a rel=\"noreferrer noopener\" aria-label=\"Header Layout 4 (opens in a new tab)\" href=\"https:\/\/rockythemes.com\/nimva3\/header-version-4\/\" target=\"_blank\">Header Layout 4<\/a><\/strong><\/li><li><strong><a rel=\"noreferrer noopener\" aria-label=\"Header Layout 5 (opens in a new tab)\" href=\"https:\/\/rockythemes.com\/nimva3\/header-version-5\/\" target=\"_blank\">Header Layout 5<\/a><\/strong><\/li><li><strong><a rel=\"noreferrer noopener\" aria-label=\"Header Layout 6 (opens in a new tab)\" href=\"https:\/\/rockythemes.com\/nimva3\/header-version-6\/\" target=\"_blank\">Header Layout 6<\/a><\/strong><\/li><li><strong><a href=\"https:\/\/rockythemes.com\/nimva3\/header-version-7\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Header Layout 7 (opens in a new tab)\">Header Layout 7<\/a><\/strong><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Experiment with different layouts and set one that is perfect for your site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We also added the option to set individual Header Layouts for pages, posts and portfolio items. This means that for each page, post or portfolio item you create, a different header layout can be selected.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Setting Header Layouts for Individual Pages, Posts, Portfolios<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"549\" src=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/header-layout-ind.jpg\" alt=\"\" class=\"wp-image-76\" srcset=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/header-layout-ind.jpg 888w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/header-layout-ind-300x185.jpg 300w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/header-layout-ind-768x475.jpg 768w\" sizes=\"auto, (max-width: 888px) 100vw, 888px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To set a header layout for a certain page we have to first edit that page using the Backend WordPress editor and then scroll down below the content area, until the <strong>Advanced Customization<\/strong> box appears. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next click on <strong>Header Settings<\/strong> -> and use the <strong>Header Version<\/strong> option to choose the Layout you want to use.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Leave Default to inherit the option selected from the Theme Options interface.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to change the Header Layout in Nimva<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-72","post","type-post","status-publish","format-standard","hentry","category-header"],"_links":{"self":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/comments?post=72"}],"version-history":[{"count":3,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/72\/revisions"}],"predecessor-version":[{"id":77,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/72\/revisions\/77"}],"wp:attachment":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/media?parent=72"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/categories?post=72"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/tags?post=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}