Header Content Block

The Content Block header element in action.

The Content Block element lets you insert an existing Blocksy Content Block directly into your website’s header. This is useful when you want to build more complex header content with Gutenberg blocks instead of relying only on the standard Header Builder elements.

To use it, open the Customiser → Header, drag the Content Block element into the desired header row or Off Canvas Area, and select the Content Block that should be displayed.

Granular Controls

Content Block

Select the existing Content Block that should be rendered inside the header. The design and internal layout are managed from the Content Block itself, allowing you to use regular Gutenberg blocks, Blocksy Theme Blocks and compatible third-party blocks.

Content Width

When the Content Block element is placed inside the Off Canvas Area, the Content Width control lets you adjust how much horizontal space its content occupies within the panel.

Display Conditions

The selected Content Block should have display conditions that cover the pages where the header element can appear. Blocksy uses those conditions when determining where the Content Block and its required front-end assets should be loaded.

Display conditions are configured from the Content Block itself using Blocksy’s Conditional Module.

Keep the conditions in sync
If the header containing this element is used across several areas of the website, make sure the selected Content Block’s conditions also include those locations. This ensures its styling and other required assets are available wherever the element is displayed.

Not the solution you are looking for?

Please check other articles or open a support ticket.