LIMITED OFFER  Get the All Themes Package [32 Themes] for only $99 View Details →

Inspiro Lite



Theme Documentation

Plugin Documentation


Inspiro Lite – Setting up the Hero Area on the Homepage

This article refers to Inspiro Lite

The hero area at the top appears automatically on your front page. If you have a static page set as your front page and don’t see the hero area, it means that you need to change the Page Template to a different one. For example, the Homepage (Without Hero Area) page template doesn’t include the hero area so you can replace it with a different section.

Editing the Hero Area (large video)

The Homepage, Hero Area at the top, is a part of the theme, so it can’t be edited using the Page Builder.

You can edit it from the Customizer > Homepage Hero Area:

In the Media section, you can configure what the hero area displays: a video or an image.

The theme supports Vimeo, YouTube, and self-hosted MP4 video files. Vimeo and MP4 videos will also play on mobile devices, while YouTube videos will not play on mobile devices.

Video Background Support on Mobile Devices

Only self-hosted and Vimeo videos can be played automatically in the background on mobile devices. YouTube player has some limitations and doesn’t provide such a possibility.

Requirements for Video File to play on Mobile Devices (self-hosted):

  1. Video format must be MP4 with the h.264 encoding. You can resize/convert it using Handbrake.
  2. Video must be Muted
  3. We also recommended to keep your video file size small (5-20MB) to load fast enough on 3G/4G connections

Video Not Playing on Mobile?
If your phone is in Low Power Mode (iOS), then your mobile browser won’t play the video automatically to save battery.

Read Also:
Tips for Optimizing Self-Hosted Video Backgrounds

If you want to have more control over the hero area and include additional text or elements, you can replace the hero area with a Cover Block. You can find more details in this article.

Last updated on November 3, 2022