Site header

Note: Colors for the header are configured in Theme settings/colors.

Settings

Logo image

Upload your store logo as an image. If there is no image uploaded, your store name will show here in heading font.

Logo for transparent header

If you decide to make the logo transparent on the homepage, you can upload a different version of the logo (like in a different color) that will be shown when the header is transparent. If no image is uploaded here, the original logo image will display on a transparent header.

Logo width

How wide in pixels the logo should be.

Logo width (mobile)

How wide in pixels the logo should be on mobile screens.

Design options

Logo position in header

There are three options for the header layout. All of these are for desktop. The mobile layout is the same for all three options.

Middle left

Middle center

Top center

Enable sticky header

When this box is checked, the header will show at the top of the screen as a visitor scrolls up on the page.

Transparent header on home page

Check this box to lay the header on top of the first section of the homepage without its background color. Example:

Transparent header font color

Choose a color for the navigation links and button icons that will stand out on the background of the first section of the homepage when the header is transparent.

Menu options

Font style for menu links in header

Choose between the heading font and the body font style for the main navigation links.

Make menu links bold

Make the font for the menu links in the header bold.

Mega menu options

Font style for top level menu items

Choose between the heading font and the body font style for the top level titles/links in the dropdown mega menu.