{"id":12797,"date":"2025-03-05T13:35:43","date_gmt":"2025-03-05T11:35:43","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&p=12797"},"modified":"2025-03-05T17:31:31","modified_gmt":"2025-03-05T15:31:31","slug":"conditional-headers","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/header-options\/conditional-headers\/","title":{"rendered":"Conditional Headers"},"content":{"rendered":"\n

Most websites maintain a consistent header design across all pages. This is standard practice, as the header typically contains essential navigation and branding elements that should remain accessible no matter where users are on the site.<\/p>\n\n\n\n

However, there are cases where a different header might be more effective. For instance, you may want a streamlined header for a landing page<\/strong>, a distraction-free layout for a checkout flow<\/strong>, or a unique design for specific sections<\/strong> of your website.<\/p>\n\n\n\n

This is where conditional headers<\/strong> come in. With this feature, you can create multiple header variations, each with its own design, settings, and elements. These headers can then be assigned to different parts of your website using Blocksy\u2019s Conditional Module<\/a><\/strong>.<\/p>\n\n\n\n

Available in Blocksy Pro<\/strong>, conditional headers are easy to set up and manage, all from the place you\u2019re already familiar with \u2014 the Customiser<\/strong>.<\/p>\n\n\n\n

Getting Started<\/h2>\n\n\n\n
Creating a conditional header.<\/figcaption><\/figure>\n\n\n\n

Setting up a conditional header is quick and straightforward. Simply navigate to Customiser \u2192 Header \u2192 Headers tab<\/strong> and click the Create New Header<\/strong> button. A pop-up modal will appear, allowing you to name your new header. To make the process even easier, you can choose to copy the elements from an existing header, giving you a familiar starting point while still allowing full customisation.<\/p>\n\n\n\n

Assigning Display Conditions<\/h2>\n\n\n\n
Header display conditions.<\/figcaption><\/figure>\n\n\n\n

After creating a new header, it will appear as an entry under the Headers<\/strong> tab. Clicking on it selects it as the active header for editing, allowing you to configure its design and settings.<\/p>\n\n\n\n

To determine where this header appears, you\u2019ll use display conditions<\/strong> powered by Blocksy\u2019s conditional module<\/strong>. This system lets you assign headers to specific areas of your website, such as individual pages, posts, product archives, or even dynamic conditions like posts from a particular taxonomy. You can also set headers to appear based on a visitor\u2019s referral URL, making it a powerful tool for tailoring the user experience.<\/p>\n\n\n\n

For a detailed breakdown of available conditions, we recommend checking out our dedicated Conditional Module<\/strong> documentation<\/a>.<\/p>\n\n\n\n

Global Header Addendum<\/h2>\n\n\n\n

It\u2019s important to note that the Global Header<\/strong> cannot be completely removed or assigned specific display conditions. It serves as the default fallback header for your website. However, you can easily override it by creating additional headers and applying display conditions to them. This allows you to customise the header experience for different parts of your site while ensuring a consistent default is always in place.<\/p>\n\n\n\n

Video Resources<\/h2>\n\n\n\n
\n