Image banner

Build your brand and highlight special promotions and products.

The Image banner section uses a high-resolution image, text, and a call-to-action button to display immersive content.

Steps

  1. In the theme editor (Customize), click Add section

  2. Select Image banner

  3. Save

Section settings

General settings

Change the Layout, Banner height, and the Color scheme.

Banner height options include:

  • Adapt to image

  • Small

  • Medium

  • Large

  • Full screen

Image settings

Add an image and a link to redirect customers to your desired page (if needed).

Content settings

Set your Content position and Content alignment.

Mobile settings

You can set a different image banner for your mobile view.

If you want to display your content under the image for mobile view, check the option Stack images on mobile.

Adjust the Content alignment for the mobile view as Left/Center/Right.

Block settings

Add and edit your Heading, Subheading, Description, and Button to your liking. You can drag and drop the block to reorder it.

Button settings

Give your button a label and select its style.

Button styles include:

  • Primary

  • Secondary

  • Outline

  • Underline

  • Plain

Last updated