Header

The header appears on all pages of your theme.

circle-check

Section settings

Setting
Description

Desktop logo position

The position of your logo in the desktop header.

  • Top left

  • Top center

  • Middle left

  • Middle center

Menu

The menu to use for your main menu.

Sticky header

A sticky header is a navigation bar that remains fixed at the top of the web page as the user scrolls down.

  • None

  • On scroll up

  • Always

Show separator line

Displays a line to visually separate the header from the page's content.

Use icons (For cart and search)

Displays the search icon and the cart icon.

Transparent header

Setting
Description

Enable on home page

Select this checkbox to enable/disable transparent header on homepage.

Show separator line

Displays a line to visually separate the header from the page's content.

Logo

The logo for the transparent header. Use this logo on the pages which transparent header is enabled.

Color scheme

Set the color for the transparent header.

Background overlay opacity

Dims the background color by applying an overlay.

Blurred reflection

Enable blurred reflection

Reflection opacity

Adjust the visibility of the reflection. Range: 0% to 100%.

Color

Setting
Description

Color scheme

Set the color for the header when the transparent header is not enabled.

Menu color scheme

Set the color for the main menu.

Right menu

Setting
Description

Enable right menu

Select this checkbox to enable/disable the right menu for Login, Customer Services, Contact, Get Helps, Language, Currency, Social Share.

Custom menu handle

Enter the handle of the menu to display in the right menu. (A handle is used to reference a menu in Liquid. e.g. a menu with the title “Sidebar menu” would have the handle sidebar-menu by default. Learn morearrow-up-right)

Enable country/region selector

Adds the country/region selector to allow customer choose the countries and regions that you've enabled in your payment settings, so that customers can view your product prices in the currency of their choice.

Enable language selector

Adds the language selector to allow customer choose the countries and regions that you've enabled in your language settings, so that customers can browse your store in the language of their choice.

Show social media icons

Displays social media icons that you've entered a profile link for in your theme settings.

Mobile layout

Setting
Description

Mobile logo position

The position of your logo in the mobile header.

  • Center

  • Left

Show search icon

Displays search icon on mobile.

Spacing

Setting
Description

Bottom margin

Adjust the space between the bottom edge of a section and the elements or content below it.

Section padding

Setting
Description

Top padding

Determines the height of the top inner space of the section. Can be from 0px to 36px, increasing arithmetically of 2px (pixel).

Bottom padding

Determines the height of the bottom inner space of the section. Can be from 0px to 36px, increasing arithmetically of 2px (pixel).

Mega menu Block

Setting
Description

Menu item name

Enter the name of the menu item to which you would like to apply this mega menu.

Custom menu

Setting
Description

Menu

Select the menu to display as sub-categories in the mega menu layout.

Promotion Content

Setting
Description

Image

The image to display in the mega menu.

Link

The link that you want customers to navigate to if they click the image.

Last updated