Banner logo 🔥
Learn how to set up an outstanding header using the scaling logo section
Last updated
Learn how to set up an outstanding header using the scaling logo section
Last updated
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
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.
See how to adjust the Color scheme 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.
In the Banner logo section, you can add 4 different blocks: Subheading, Heading, Text, and Button.
Add the Subheading for the banner.
Leave it blank if you do not want to display it.
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
Add the Description to describe the banner.
Leave it blank if you do not want to display it.
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.
