Introduction

The "Banner Block" is typically used to display a picture (or multiple, sliding pictures) or a video. It normally has text on top of it and including a heading and a subheading. Lofty users can be very flexible in how this is used to present value to site visitors. The adjustable settings are described in this article.

Summary

• Adding / Editing the Banner Block
• Size Recommendations
  • Image Background Type
  • Video Background Type

Adding / Editing the Banner Block

To add the block, go to the Page Editor and click on the "+ Blocks" button.

Choose the banner block style that is desired and then drag it to the right side where you would like it to appear.

To edit the block, click on the "Edit" icon or double-click the block. 

For background settings, you can choose the "Background Type" (image, color, slideshow, video), desktop image, and mobile image. 

For "Block Size," you can adjust the desktop size type (aspect ratio, full screen, exact height) as well as the mobile size type (aspect ratio, full screen, exact height). 

Size Recommendations

At present, we have four sets of templates and each template image size is slightly different from the other. Also, the mobile view and the desktop view will vary. This section will provide the suggested sizes for each of these scenarios.

Image Background Type

For the "Block Size," we recommend leaving the default selection of "Exact Height" for both desktop and mobile.

Banner Style 1

Desktop Size Recommendation: 1440 x 460 pixels
Mobile Size Recommendation: 750 x 440 pixels

Banner Style 2

Desktop Size Recommendation: 1440 x 460 pixels
Mobile Size Recommendation: 750 x 500 pixels

Video Background Type

As far as file size, the video can be no bigger than 50 MB.

We recommend checking the box for "Auto-Adjusted Height":

For "Block Size," our recommendations are as follows:

Desktop View

Leave at the default values:

Mobile View

Adjust to the following:

Questions?

If you have any questions regarding this topic or any others, please reach out to our Support Team via email at <support@lofty.com>, by phone at 1 (855) 981-7557, or by a chat with us through your Lofty CRM.