Hero photos must be carefully composed and cropped to work well on both desktop and mobile devices.
A Hero Photo must be at least 1600 pixels wide by 900 pixels tall. To ensure flexibility in cropping, we recommend that the source photo be 2000-2500 pixels wide.
The middle of the upper 2/3rds of a hero photo must contain the relevant action and be the focus of the photo subject.
Anything outside of that middle-upper 2/3rds will be cut off when the web page is displayed on smaller screens. See examples, below.
If you follow these rules for composition, the hero photo will look good on narrow mobile devices and on wide desktop screens:
Steps to add a Hero Photo to your page
Edit the page and click on the Hero Photo section, above the Title.
Click Open File Browser link to see a list of your images on the website or to add a new image.
The File Browser pop-up window appears.
Navigate to your website. Look at the breadcrumb at the top of your page to determine the path to your website files. All file paths begin with "section" then follow the steps shown in the page breadcrumb In this example below, the file path will be section > about > offices > marketing-and-communication > training which you will use in the next step.