{"id":2069,"date":"2021-05-20T18:06:23","date_gmt":"2021-05-20T15:06:23","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=2069"},"modified":"2024-01-09T17:22:08","modified_gmt":"2024-01-09T15:22:08","slug":"transparent-header","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/header-options\/transparent-header\/","title":{"rendered":"Transparent Header"},"content":{"rendered":"\n<p>The transparent header functionality lets you give your visitors a pleasant and consistent experience, by offering an option for the main hero section of the page to be full bleed beneath the header. This lets you showcase your designs easier and give your visitors a sense of place on the website.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/05\/Screen-Recording-2022-06-09-at-14.52.20.mov\"><\/video><figcaption class=\"wp-element-caption\">The transparent header in action<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Activating &amp; configuring the transparent header<\/h2>\n\n\n\n<p>To activate the functionality, simply navigate to the Customiser -&gt; Header -&gt; Headers -&gt; Global Header (or name of the header) and check the &#8220;Transparency functionality&#8221; box.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/05\/Screen-Recording-2022-06-09-at-14.54.20.mov\"><\/video><figcaption class=\"wp-element-caption\">Activating transparency functionality<\/figcaption><\/figure>\n\n\n\n<p>As you can see, after activating the transparency functionality, the header takes on the background of the main hero section of your website. It also works great with our built in hero sections for blog posts, pages and more, if you want to go that route.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Display Conditions<\/h3>\n\n\n\n<p>This feature lets you select which pages will have the transparency functionality activated on. You should be familiar with our conditional module, and with this, you get super powers. You can include or exclude pages, posts, products. Even base the conditions on the current language, or the user&#8217;s role. Possibilities are endless.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The transparent header functionality lets you give your visitors a pleasant and consistent experience, by offering an option for the main hero section of the page to be full bleed beneath the header. This lets you showcase your designs easier and give your visitors a sense of place on the website. Activating &amp; configuring the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[123],"class_list":["post-2069","documentation","type-documentation","status-publish","hentry","doc_categories-header-options"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/2069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=2069"}],"version-history":[{"count":1,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/2069\/revisions"}],"predecessor-version":[{"id":9155,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/2069\/revisions\/9155"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=2069"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=2069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}