Story's hero-style slideshow section with support for mobile and desktop devices

Showcase your brand and products with Story's powerful slideshow section. Customize your slides to promote products on both mobile and desktop devices.

Mobile image

Portrait images can be used for mobile devices. Each slide can have a different mobile image:

Modern design elements

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

For the modern rounded effect:

  1. Set the slideshow section spacing width to Full width padding.

  2. Use the Rounded option under Rounded images in the Theme settings -> Layout

For images without rounding, set the section width option to Full width:

Transparent header

Blend your slideshow images into the header area with the transparent header feature:

  1. Enable with the checkbox in the Header settings under Transparent header.

  2. Add an alternate logo that works best for the transparent header effect. In our example, we have a white Alternate logo and the standard header logo is black (header settings).

  3. In the Slideshow section settings, use the Full width option for the transparent effect to work.

Last updated