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.
However, there are cases where a different header might be more effective. For instance, you may want a streamlined header for a landing page, a distraction-free layout for a checkout flow, or a unique design for specific sections of your website.
This is where conditional headers 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’s Conditional Module.
Available in Blocksy Pro, conditional headers are easy to set up and manage, all from the place you’re already familiar with — the Customiser.
Getting Started
Setting up a conditional header is quick and straightforward. Simply navigate to Customiser → Header → Headers tab and click the Create New Header 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.
Assigning Display Conditions
After creating a new header, it will appear as an entry under the Headers tab. Clicking on it selects it as the active header for editing, allowing you to configure its design and settings.
To determine where this header appears, you’ll use display conditions powered by Blocksy’s conditional module. 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’s referral URL, making it a powerful tool for tailoring the user experience.
For a detailed breakdown of available conditions, we recommend checking out our dedicated Conditional Module documentation.
Global Header Addendum
It’s important to note that the Global Header 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.