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:
Set the "Section height" to: "Image height".
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
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):
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