The Header is located in the editor under the System Top section of a project and is a global component. It is displayed on all pages and defines the central navigation as well as project-wide functions.

The Header must be published separately via the three-dot menu. Publishing the page is not sufficient.

Only one Header per project is recommended. Multiple Headers would appear stacked on every page.

The project logo can be selected from the Media Archive and cropped if necessary. The display size is adjusted visually using a slider. Using the Mobile Override toggle, the logo size can be adjusted separately for mobile devices.

Optionally, a more compact logo can be provided for smaller screens.

A title can be added to the Header, for example to indicate the project function or website name.

A toggle controls whether the title is displayed. A Mobile Override allows an adapted presentation on smaller screens. Functionally, the title behaves like the logo and links to the homepage.

Under Type, you define how the central navigation within the Header is structured.

Available options:

The detailed configuration of Search Overlay Page and Mega Menu is explained in separate articles.

The Mega Menu provides a simple navigation structure. Navigation appears directly in the top bar and consists of a limited number of main links on the first hierarchy level. The Mega Menu is suitable for projects with a clear, flat page structure.

The Search Overlay Page is not permanently visible in the Header. It opens only when a user clicks into the search field or starts typing.

The Overlay Page is a predefined system page that can be individually configured and linked. Within this page, a multi-level navigation structure can be created.

Since the Overlay Page is triggered via the search field, it is recommended to label the search title accordingly, for example as “Menu” if it primarily serves as a navigation interface.

Further functions can be activated via toggles: