Banner logo
Learn how to set up an outstanding header using the scaling logo section

The Banner logo gives your homepage a fresh and modern look with the big logo on the top and a minimal layout.
In this article, we will show you how to add a Banner logo section.
How to add a Banner logo section to your Shopify store
Steps:
In the theme editor (Customize) > click Add section
Select Banner logo.
Make necessary changes.
Save the settings.
This section applies only to the header group and shows on the homepage.

How to edit a Banner logo section
Section settings
General
See how to adjust the Color scheme settings
Background settings
Add a background image for the Banner logo section. You can add an image for desktop and mobile view separately (Desktop image and Mobile image).
Set the Image overlay opacity to the image if needed.

Logo
Add an outstanding large Logo on the top to grab visitors' attention.

Block settings

In the Banner logo section, you can add 4 different blocks: Subheading, Heading, Text, and Button.

Subheading
Add the Subheading for the banner.
Leave it blank if you do not want to display it.

Heading
Use the provided text field to add a suitable Heading.
Leave it blank if you do not want to display it.

You can also change the Heading size to:
Heading - Medium
Heading - Large
Heading - Extra large
Heading - Extra extra large
Mega title - Base

Text
Add the Description to describe the banner.
Leave it blank if you do not want to display it.

Button
You can display a call-to-action button to redirect customers to your desired pages.
Add a Label and Link for one or both, then choose a Button style (Primary button/ Secondary button/ White button/ Underline button).
You can also change the Button size to Default/ Small/ Medium.

Last updated
Was this helpful?