Header settings

Displays the logo in the header:

• Top left: Displays the logo above the main menu and aligns the logo and menu items to the left.
• Top center: Displays the logo above the main menu and aligns the logo and menu items in the center.
• Middle left: Displays the logo in line with the main menu and aligned to the left.
• Middle center: Displays the logo in the center of the header, in one line with the main menu.

*You can view changes of logo position on a large screen, such as a desktop.

Sets the visual style of the navigation bar. Options:

• Full background — the menu bar spans the full header width. (Default)

• Items background — each menu item gets its own background.

• Dropdown menu: A classic menu style that displays a list of links in a dropdown format when clicked.
• Mega menu: An expansive menu style that can showcase multiple columns of content, including menu items, links, and featured collections (collection image and button to collection detail page). The overlay background adds an interactive and visually appealing touch to the menu design.
• Drawer: A compact menu that slides in from the side of the screen, offering a sleek and space-saving navigation solution.

• None – without sticky header.
• On scroll up: The header shows on the screen as customers scroll up. Disappears when the customer scrolls down.
• Always: The header shows on the screen as customers scroll down and up.
• Always, reduced logo size: The header shows on the screen as customers scroll down and up. The size of the logo is reduced when the sticky header is displayed.

This option allows you to choose between two icon styles. Available styles:

• Classic
• Modern

Select the style that best matches your store's design.

• Center
• Left

Font weight defines the thickness or boldness of text on your store. Available options:

• Normal (400): Default weight for body text.
• Medium (500): Slightly thicker, suitable for emphasized body text or light headings.
• Semi-Bold (600): Heavier, ideal for subheadings or highlighted text.
• Bold (700): Strongest weight for maximum emphasis.

Apply Color Scheme:

• After creating your color schemes in the theme settings — 'Colors' tab, you can apply them to the header.
• You'll see a Color scheme dropdown.
• Select the appropriate color scheme (text color, background color, icon color), ensuring consistency with your brand's identity.

If you add a country selector to your theme, then your customers can choose their country or region from a dropdown list of countries and regions that you've added in your Shopify Payments settings. The local currency is also displayed in the dropdown list beside each country or region.

*If your store is on the Shopify Plus plan, then your store automatically sets your customers' country or region and currency based on their IP address.

Providing content in your customers' native language can improve sales by making it easier for them to understand your marketing, product details, shipping, and return policies. This is particularly important for international customers. To enable multiple languages on your Shopify store, you can create separate URLs for each translated version of your content. When a customer lands on a translated URL, your store will automatically display the corresponding translated version if available. 

*Make sure that you have a multi-setup of languages in your store settings.

This option lets you choose between two mega menu styles:

1. Style 1 – Menu columns are separated by dividing lines.
2. Style 2 – No dividing lines between menu columns. An image button is included, allowing users to navigate to the selected menu section by clicking on the image.

Choose the style that best complements your store’s design.

Choose the desired image ratio for your mega menu:

• Adapt to image
• Portrait
• Landscape
• Square
• Custom

Choose one of three types of search for the header:

1. Popup

   A simple style. You click on the icon, and a pop-up opens. Then, you type what you want to search, and a pop-up with suggestions appears.

2. Inline

   You can type immediately in the search field to see results in the suggestions that appear as you type. If you don't type anything and just click on the field, you will see “Most Searched Products” and Keywords, which can be set in the theme settings under the “Predictive Search” tab.

3. Inline with Collection Filter

   This type is similar to inline, but with the key difference that you can search through categories to find the appropriate product faster.

Controls how search appears when Menu style is set to Items background. Options:

• None

• Popup (Default)

Only available when Menu style is set to Items background.