Image banner

Story's powerful block-based hero style image banner section

Fully customizable image banner section with options for mobile and desktop devices including support for multiple buttons, and text options:

Modern design elements

Creative design options built-in. Simply add section padding to the top and width for a modern rounded style banner:

Tip: Set "Image corners" to "Rounded" in the Theme settings -> Layout

Mobile banner

Choose a custom image for mobile devices to simplify mobile messaging:

Pro tip: To remove image cropping on your banner images:

  1. Set the "Section height" to: "Image height".

  2. In the Theme settings -> Layout, uncheck "Parallax images" under animations.

Combining both, no parallax image animation and image height for the section height settings will ensure there is no image cropping with your banner image.

Transparent header

Turn on transparency in the header to integrate the header and banner image section together:

How to

  1. In the Header settings, activate the transparent header option and also add an "Alternate logo" for your brand that best appears over the banner (our regular logo is black, and the alternate is white):

  1. In the section settings for the Image banner, set the section width to "Full width" and remove any "Padding top", set that to zero:

Last updated