Image banner
Story's powerful block-based hero style image banner section
Last updated
Story's powerful block-based hero style image banner section
Last updated
Fully customizable image banner section with options for mobile and desktop devices including support for multiple buttons, and text options:
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
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.
Turn on transparency in the header to integrate the header and banner image section together:
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:
