Hero Header

Hero Header component

A hero component mostly used as the first component in order to introduce the reader to the topic of your page. You can add multiple frames with different backgrounds and text in order to look like a slideshow.

Usage Tips
  • Use it as the first component in your Landing Page
  • Use it in a section with either Full Height or Half Height. 
  • Use it with Full Width
  • Very useful to use it with Has Header setting since it looks nice when the main menu appears on top of the Hero Image
Tutorial video on how to add a Hero Header component in a Drupal Landing Page (Video: CERN)