Header Background

Header Image

The "Header Image" field populates a static image in the header spot.  If a header background video, is present 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,300px 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.  

Optional Header Fields

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 text will display centered as the default

The field "Header Overlay" adds the opaque overlay to the image, which is helpful if you are adding text overtop of the image.

The field "Header Full Height" allows the background to display at full screen height. If this option is used, a taller image is recommended.  Depending on the desired focus point of the image, a recommended height is up to 2,000px. Keep in mind that this option will cause the image to fluctuate as the size changes as the user changes their screen dimensions.

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. Each slide has an "Overlay" option and a "Sub Heading" to display above the Title. 

Images should be 2,732px wide by 1,300px tall.

The page field "Header Full Height" allows the rotator to display at full screen height. If this option is used, a taller image is recommended. Depending on the desired focus point of the image, a recommended height is up to 2,000px.