Heroes

The Hero block allows you to add a full-width image with title and short description to the top of any page. By default, the hero ends at the end of bottom of the container that holds the title and description. There are times where it's desired to have to next block element the be flush with the bottom of the hero image instead, and to so do, toggle the Next Block Placement to be on.

If a hero will not be used on any given page, then the first block used should be the Page Title block in order to properly render the page title.

At larger screen sizes, the intro panel displays set over the hero image:

At small screen sizes, the intro panel displays full width below the hero image: