The Image banner section uses a high-resolution image, text, and a call-to-action button to display immersive content.
Steps
- In the theme editor (Customize), click Add section
- Select Image banner
- Save
Change the Layout, Banner height, and the Color scheme.
Banner height options include:
- Adapt to image
- Small
- Medium
- Large
- Full screen
Add an image and a link to redirect customers to your desired page (if needed).
#Content settings
Set your Content position and Content alignment.
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.
Add and edit your Heading, Subheading, Description, and Button to your liking. You can drag and drop the block to reorder it.
Give your button a label and select its style.
Button styles include:
- Primary
- Secondary
- Outline
- Underline
- Plain
