{"id":12797,"date":"2025-03-05T13:35:43","date_gmt":"2025-03-05T11:35:43","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=12797"},"modified":"2026-09-04T12:57:22","modified_gmt":"2026-09-04T09:57:22","slug":"conditional-headers","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/header-options\/conditional-headers\/","title":{"rendered":"Conditional Headers"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Most websites use the same header throughout the entire site, keeping important navigation and branding consistently available. However, some pages may benefit from a different header &#8211; for example, a simplified landing page, a distraction-free checkout experience, or a dedicated design for a particular section of the website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With <strong>Blocksy Pro&#8217;s Conditional Headers<\/strong>, you can create multiple header configurations, customise each one independently, and decide exactly where they should appear using Blocksy&#8217;s <strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/modules\/conditions-module\/\" target=\"_blank\" rel=\"noreferrer noopener\">Conditional Module<\/a><\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Getting Started<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2056\" style=\"aspect-ratio: 3456 \/ 2056;\" width=\"3456\" autoplay loop muted preload=\"auto\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2025\/03\/Screen-Recording-2025-03-05-at-13.49.45.mov\" playsinline><\/video><figcaption class=\"wp-element-caption\">Creating a Conditional Header.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To create an additional header:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the WordPress <strong>Customiser<\/strong>.<\/li>\n\n\n\n<li>Navigate to <strong>Header \u2192 Headers<\/strong>.<\/li>\n\n\n\n<li>Click <strong>Create New Header<\/strong>.<\/li>\n\n\n\n<li>Enter a name for the new header.<\/li>\n\n\n\n<li>Optionally, copy the structure and elements from an existing header to use as your starting point.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">The new header will appear inside the <strong>Headers<\/strong> tab. Select it to begin configuring its rows, elements, behaviour and design independently from your other headers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Assigning Display Conditions<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2056\" style=\"aspect-ratio: 3456 \/ 2056;\" width=\"3456\" autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2025\/03\/Screen-Recording-2025-03-05-at-13.57.26.mov\" playsinline><\/video><figcaption class=\"wp-element-caption\">Assigning display conditions to a Conditional Header.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Each additional header can use <strong>Display Conditions<\/strong> to determine where it replaces the Global Header.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Conditions can target broad sections of the website or very specific situations, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Individual pages or posts.<\/li>\n\n\n\n<li>Entire post types or archives.<\/li>\n\n\n\n<li>Categories, tags and other taxonomies.<\/li>\n\n\n\n<li>WooCommerce products and archives.<\/li>\n\n\n\n<li>User roles or login states.<\/li>\n\n\n\n<li>Date and time conditions.<\/li>\n\n\n\n<li>Request information such as the referring URL.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">More complex targeting can be created by combining multiple rules through the Conditional Module&#8217;s advanced condition logic.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For a complete overview of the available targeting options, see the <a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/modules\/conditions-module\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Conditional Module documentation<\/strong><\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Global Header<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Global Header<\/strong> always remains the default fallback header for the website. It cannot be deleted completely or assigned its own display conditions.<\/p>\n\n\n\n<div class=\"wp-block-group has-palette-color-8-color has-palette-color-1-background-color has-text-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"is-style-info coblocks-alert-paragraph wp-block-paragraph\"><strong>How the fallback works<\/strong><br>Conditional Headers override the Global Header only when their assigned conditions are matched. Everywhere else, Blocksy continues to display the Global Header automatically.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">This ensures that the website always has a valid header configuration, even when none of the additional Conditional Headers apply to the current page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video Resources<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Exploring Conditional Headers | Blocksy Premium\" width=\"1290\" height=\"968\" src=\"https:\/\/www.youtube.com\/embed\/hzmiZ15BarU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Exploring Conditional Headers in Blocksy Pro.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Most websites use the same header throughout the entire site, keeping important navigation and branding consistently available. However, some pages may benefit from a different header &#8211; for example, a simplified landing page, a distraction-free checkout experience, or a dedicated design for a particular section of the website. With Blocksy Pro&#8217;s Conditional Headers, you can [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[123],"class_list":["post-12797","documentation","type-documentation","status-publish","hentry","doc_categories-header-options"],"blocksy_meta":{"docs_item_badge":"PRO","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/12797","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=12797"}],"version-history":[{"count":10,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/12797\/revisions"}],"predecessor-version":[{"id":15158,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/12797\/revisions\/15158"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=12797"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=12797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}