Header Background

Overview

The page "Header Image" field populates the header background image.  If a header video is present this image will be the preview image while the video is loading and also serves as the fallback for mobile devices.

The page will display the page title as an overlay and the optional page description below.  If the Header Text wysiwyg field is used it will display in place of the page title.  The checkbox "Hide Page Title" removes the title/description from the page (shows just the image/video).

The header overlay checkbox places a dark overlay on top of the background image.

Background Video

Using the field "Header Background Video (mp4/h264)" will replace the background image with a background video.  The video must be MP4/H264 formatted video and should have a ratio of 16:9.

*NOTE - This is a looping/muted background video so the video should be kept short in size/length (under 30 seconds).

Full Video

Using the field "Header Full Video" will play a full video (not a background video) and will display at a 16:9 ratio.   This can be YouTube/Vimeo or a hosted mp4 video. The page title area is replaced with a play button.

Rotator

If a rotator is assigned to a page the images will display as slides.  The title and caption or optional and will display as an overlay.   The button uses the Button Text field.