Collection banner

Steps

Section settings

Setting	Description
Section width	3 options for container Stretch width: span the section width regardless of screen size. Fixed width: depends on your page content width in Theme settings -> Layout. Full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.
Color scheme	Select colors from Theme settings -> Colors

Setting

Description

Section width

3 options for container

Stretch width: span the section width regardless of screen size.
Fixed width: depends on your page content width in Theme settings -> Layout.
Full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.

Color scheme

Select colors from Theme settings -> Colors

Setting	Description
Image	Upload or select the banner image
Use collection image	Override background image setting
Image height	5 options for the height Adapt to image Based on content Small Medium Large
Image opacity	Customize the image opacity
Desktop content position	3 options for the desktop content position Middle left Middle center Middle right -> Position is automatically optimized for mobile.

Setting	Description
Top	Customize the top margin of the section
Bottom	Customize the bottom margin of the section

Looking for Help?
Get support from our team

If you can't find the answer you're looking for, our support team is here to help.