Header settings

General settings

Setting	Description
Desktop logo position	Displays the logo in the header: Middle left (default): Displays the logo in line with the main menu, centered vertically, and aligned to the left. Middle center: Displays the logo in the center of 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. *Changes of logo position you can view on a large screen, such as a desktop.
Menu	You can click on “Create menu” to create a new menu from this step or if you have created a footer menu before, add from the list.
Desktop menu type	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 collection (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.
Sticky header	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.
Show separator line	Shows a line to visually separate the header from the page's content.
Counter color	Select a color for the counter (the quantity of products displayed on the cart icon in the header) by using the color picker or by entering a HEX code.
Counter background	Select a color for the counter background (the quantity of products displayed on the cart icon in the header) by using the color picker or by entering a HEX code.

Typography

Setting

Description

Font weight

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.

Color

Setting

Description

Color scheme

Apply Color Scheme:

After creating your color schemes in 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.

Menu color scheme

Apply a color scheme for dropdown menu, mega menu or drawer from a suggested list of color schemes.

Country/region selector

Setting

Description

Enable country/region selector (To add a country/region, go to your market settings)

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.

Language selector

Setting

Description

Enable language selector (To add a language, go to your language settings)

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.

Mobile layout

Setting	Description
Mobile logo position	Center Left

Mega menu settings

Setting	Description
Image color scheme	Apply a color scheme for the image, including text color and button styles, by selecting from a suggested list of available color schemes.
Default mega menu image	Select and upload an image from your library, or download one to use as the default.
Image ratio	Choose the desired image ratio for your mega menu: Portrait Landscape Square Custom
Custom image height	When the Image Ratio option is set to Custom, you can adjust the height of the image using the slider.
Default description	Add a heading text that will appear on the default image (the placeholder image before hovering over the collection).
Default link	Add a link to the collection page to promote the collection on the default image. This link will guide users directly to the collection page.

Section paddings

Setting	Description
Top padding	The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider.
Bottom padding	The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section.
Top padding mobile	The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider.
Bottom padding mobile	The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices.