Skip to main content
The Hero Image Section lets you display a large, prominent image in your site. It’s ideal to use this as the first section at the top of your website, but you can use it anywhere you like! Click “Sections” in the left-hand menu, and if you don’t already have one added, click “Add Section”, and choose “Hero Image” as the section type. The new section will get added… just click “Edit” above the section to edit it. Hover over the section and click Manage Image. You’ll see your image library, and clicking an image sets it as the Hero Image. Keep in mind that you can also just set a background image instead of (or in addition to) picking a dedicated hero image.
The images here are the ones you’ve added under “Photos” in the Content area. If the picker is empty, add a photo there first and it’ll show up.

​
A Different Image for Phones

A Hero Image section can hold two images, one for desktop and one for mobile. That’s useful when your best wide shot has too much empty space on a phone, or when a taller crop tells the story better. Each image in the picker has two buttons:

Use on Desktop

The main hero image. This is what visitors on laptops and larger tablets see.

Use on Mobile

An optional alternate for phone-sized screens. Skip it and phones use your desktop image.
Click Save when you’re done. Once a mobile image is set, the editor shows a “Mobile Image Set” badge so you can tell at a glance.
An image can only hold one of the two roles at a time. If you set your current desktop image to Mobile, it moves over rather than doing both, so pick a second image for the other slot.
Each of the two images can also be scheduled on its own using the Schedule button, so you can swap in a tour poster for a few weeks and let it retire itself. Save your selection first, then set the schedule. See Scheduling for how that works.

​
Hero Image Section Options

The Full Width switch sits at the top of the same window. If set to full width, the image will “touch” the edges of the visitor’s screen. If not, the image will be centered in the section.
Experiment with different images and width settings to create the best “first impression” when a visitor goes to your site if you’re using this section type as the very first section at the top of your site.