{"id":94,"date":"2019-02-25T10:22:06","date_gmt":"2019-02-25T10:22:06","guid":{"rendered":"https:\/\/rockythemes.com\/nimva3\/docs\/?p=94"},"modified":"2019-02-25T10:32:36","modified_gmt":"2019-02-25T10:32:36","slug":"how-to-create-a-transparent-header","status":"publish","type":"post","link":"https:\/\/rockythemes.com\/nimva3\/docs\/how-to-create-a-transparent-header\/","title":{"rendered":"How to create a Transparent Header"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">A <strong>Transparent Header<\/strong> can be enabled\/disabled for individual pages, posts or portfolio items. When the Transparent Header is enabled, the entire Header (Logo + Navigation Menu) will blend with the first element on your page, post or portfolio item. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"505\" src=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/transparent-header-front.jpg\" alt=\"\" class=\"wp-image-99\" srcset=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/transparent-header-front.jpg 960w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/transparent-header-front-300x158.jpg 300w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/transparent-header-front-768x404.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For Pages it is recommended to set a Padding Top, this way the header will not overlap with the first content that your page has.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Edit your page using the Backend editor of WordPress, scroll down below the content area until you see the <strong>Advanced Customization<\/strong> box<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Under <strong>Header Settings -> Transparent Header<\/strong> -> set it to Yes and update\/publish your page. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"676\" height=\"110\" src=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/transparent-header.jpg\" alt=\"\" class=\"wp-image-97\" srcset=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/transparent-header.jpg 676w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/transparent-header-300x49.jpg 300w\" sizes=\"auto, (max-width: 676px) 100vw, 676px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Optionally you should also set a <strong>Transparent Logo <\/strong>which will be used only for pages, posts or Portfolio items using the Transparent Header. This will load the header with the Transparent Logo and will automatically change it to the default Logo when scrolling down the page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To set the Transparent Logo, go to <strong>Theme Options -> Logo -> Logo settings -> Transparent Header Logo<\/strong> and <strong>Transparent Header Retina Logo <\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating a Transparent Header in Nimva theme<\/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-94","post","type-post","status-publish","format-standard","hentry","category-header"],"_links":{"self":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/94","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=94"}],"version-history":[{"count":5,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/94\/revisions"}],"predecessor-version":[{"id":101,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/94\/revisions\/101"}],"wp:attachment":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/media?parent=94"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/categories?post=94"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/tags?post=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}