Hero variations: Height

To give the image more impact, the appearance of the Hero element can be adjusted, and various settings for the minimum height of the element are supported. The image is scaled to fill this minimum height and cut off on the sides (left and right).

On mobile devices the height is reduced to get the overall effect of the image. If a protected area is also defined, on mobile devices the caption is displayed below the image.

Minimum height: Normal


Storytelling

Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor tempor invidunt ut labore et dolore magna aliquyam erat,

Minimum height: Medium


Storytelling

Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor tempor invidunt ut labore et dolore magna aliquyam erat,

Minimum height: Large


Storytelling

Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor tempor invidunt ut labore et dolore magna aliquyam erat,


This is a Page with dummy text.

Content with the wording "Lorem Ipsum" is only a placeholder.