Header image

For the header image, select the element type Image and the template ce_image_mate_headerimage (up to Contao 4.13) or content_element/image/header_image_mate (Contao 5.0 and later). You can choose the visible part of the image by setting the important part of the image.

You find an example integration of a normal header image on the layout pages of the demo site. An example integration of a narrow header image is on the Contact page.

Normal header image:

Narrow header image:

For a narrower header image, give the element the class smaller.

Left-aligned header image:

For a left-aligned header image, simply give the element the class left.

Right-aligned header image:

For a right-aligned header image, simply give the element the class right.