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.

This section is available on ✨ Zest version 9.0.0 onwards. See our Changelog

How to add a Banner logo section to your Shopify store

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.

The recommended size is 1920x900px for desktop and 600x480px for mobile.

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?