home-header

Apply the tag layout:home-header to a published Basic subpage to use this layout.

This specialised layout supports both carousel and single-image configurations.

The module's main background comes from the site's background image setting in NationBuilder. This is the only place that image is used:

Note: These images have been optimised to balance visual quality and performance. Contact For Purpose if you need help preparing replacement images.

As of 21 December 2022, the homepage uses this mode.

To create a carousel of images and text, add nested Basic subpages beneath the parent page.

For example, the current home_header module has five subpages, one for each slide:

The carousel loads the page title and attached image from each child page.

Reorder the slides through the Subnav pages tab in the control panel.

Note: Contact For Purpose to change the custom animations or autoplay duration.

Single image mode

For a single large image and header text, use the module without any subpages. It will use the parent page's headline and attached image.

Screenshots

Desktop
Mobile