Headers and Banners

#Page Header

The large hero used on the homepage and the Advance, Empower, and Engage landing pages.

Set: heading, supporting text, Media, buttons, alignment, optional category icon, landing-page style, full-screen height, and animation.

When Category Landing Page is enabled, the header uses the teal landing-page design and does not show background media. On other pages, leave Media blank to inherit the relevant Page Category Theme, or set local media to override it.

Subpage Header

The standard header for secondary pages and collection detail pages. It uses the centrally managed image for the current page category.

Set: heading, supporting text, buttons, alignment, full-background or split presentation, optional category icon, landing-page styling, full-screen height, and animation.

The category image is not edited on this component. Update it under Page Category Themes.

A promotional section with text over image or video media.

Set: heading and size, supporting text, alignment, light or dark text, Media, background mask and opacity, parallax effect, buttons, full-screen height, and animation.

If the local media image is blank, supported banners inherit the image for their page category.

Two Panel Banner - Image and Content

A large image beside a content panel.

Set: heading, rich text, image and alternative text, buttons, image position, heading size, background colour, featured style, full-screen height, and animation.

Story Banner

The shared Story Banner is not added and edited like an ordinary local banner. Its site-wide content is managed under Story Banner settings, while each page controls whether the banner and story cards are shown.