Header Background

Header Image

The "Header Image" field populates a static image in the header spot. If a header background video is used, this image will be the preview image while the video is loading and also serves as the fallback for devices that do not support video.

Images should be 2,732px wide by 1,380px tall.  If the header text field is used for the page, the image size may need to increase in height and will depend on how much content you place in that field.  

If the page "Header Overlay" field is checked the header area will display the site colored overlay option.

Optional Header Fields

The "Header Overlay" field adds the site colored overlay option to the image/background video, which is helpful if you are adding text overtop of the image. This overlay color is controlled by the "Link Opaque" option in the color picker.

The field "Header Text" adds content overtop of your static header image or background video. This works the same as the page content field, so you can include text, buttons, etc. The content will display centered by default.

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).

Rotator

If a rotator is assigned to a page, this will override the static image/video settings and display images as slides. Within each rotator item, the title, caption and url are optional and will display as an overlay. If the url field is used, then the button text field is also required.

Slide Overlay - there is a "Slide Overlay" checkbox that will allow you to assign the colored overlay option to specific rotator slides.