Links
Comment on page

Header

How to edit header in your store?
The topic of this article is header configuration.
In this article:

What is header section?

The header is a content block at the upper part of your website that appears on every page. It usually contains the logo of a store, the main navigation menu, and other elements such as a search bar, shopping cart icon, etc.
The header plays a vital role in branding your site, helping visitors navigate, and displaying your most important pages.

How to edit header section in Zest

You can freely customize your header to suit your business needs by adding your logo image, choosing the main menu, and other addons using Zest theme.
Steps:
  1. 1.
    Go to Online Store > Themes > Customize.
  2. 2.
    Choose Header section
  3. 3.
    Make necessary changes > Save.

Design settings

Change the header based on your preferences.
Layout settings
Logo left, menu center
Logo center, menu left
Logo center, menu left and right
Logo left, menu left
Zest header with logo left, menu center
Zest header with logo center, menu left
Zest header with logo center, menu left and right
Zest header with logo left, menu left
Container settings
Transparent header
Sticky header
No effect
Zest theme's transparent header
Zest theme's sticky header
Zest theme's header with no effect

Logo settings

Add a logo in the header to grab visitors' attention and set the tone for your brand.
The recommended image size and format is 200x80px .png with a transparent background.
Steps
  1. 1.
    In the theme editor (Customize), click Header.
  2. 2.
    Select image under Logo.
  3. 3.
    Save.
You can resize the logo image by increasing or decreasing the width on desktop/mobile.
Zest theme logo settings
This section lets you display your desired menu along with the logo. You can choose your desktop menu and mobile menu separately.
Zest theme menu settings
To add, remove or edit menus in your Shopify store, see Editing menus

Addons

Addons provide extra settings to the header such as search, currency selector, language selector, etc. by enabling the suitable checkboxes.
Zest theme's header addons
Regarding the currency selector, language selector, and account icon, you must configure them in Shopify admin for them to show on the front end.
To set your Customer account preferences, see this article.
To learn how to set up Currency for your store, check out this article:
To learn how to set up Language for your store, check out this article:

Mobile layout

You can customize the position of the logo on the header in the mobile view by setting the Logo position.