Header Image/Background

Overview

The header area of your homepage and subpage fullwidth templates supports a looping video, header image or rotator.

Looping Video

Using the Header Video field will display a background video in your header area. The video must be MP4/H264 formatted video and should have a ratio of 16:9. To use a separate, lower res GIF file for mobile, this should be loaded into the Header Image field.

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

You will also want to load an image in the High Res Header Image field, since this will be the preview image while the video is loading.

Header Image

The Header Image field populates the header background image.

Optional: On your subpage fullwidth templates, you can overlay a logo graphic on top of the header image by using the Header Logo field.

Rotator Size and Details

The reccomended image size is: 1440px x 575px.  

We also recommend for page load speed, that all image files be uploaded as JPGs.  If you are creating your rotator images using photoshop, make sure to Save for Web & Devices, select JPG, and optimize quality to an acceptable level.  We reccomend one specific image not exceed 150kb in size.

Rotator Size and Details

To edit or add a new rotator, go to MEDIA > ROTATORS. To display a rotator on the home page, the rotator title will need to be called 'Homepage'

Rotator for the Home Page

Your homepage rotator will automatically show up.  Do not select a rotator in the index page since the rotator is automatically loaded for your home page.

Rotator for the Home Page