Header settings

General settings

Setting	Description
Desktop logo position	Displays the logo in the header: Middle left: Displays the logo aligned to the left, centered vertically in line with the navigation icons. Middle center (default): Displays the logo centered in the middle of the header. *Changes of logo position you can view on a large screen, such as a desktop.
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.

Menu settings (drawer menu)

Setting	Description
Menu color scheme	Apply a color scheme for the drawer menu from a suggested list of color schemes.
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 it from the list.
Menu collection	Select a collection from the list to display product cards from that collection in the menu. Note that the drawer menu will show the first four products from the selected collection.*
Contact info	You can add contact information in this field, such as a phone number or email address, or any other text based on your preferences. The added text will be displayed next to the social media icons in the drawer menu. Use the formatting options provided in the field to style the text.

Color settings

Setting

Description

Color scheme

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.

Cart and compare settings

Setting	Description
Counter background	Select a color for the counter background (the number of products displayed on the cart icon in the header) by using the color picker or by entering a HEX code.
Counter text	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.

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.

Customer accounts log in

Setting

Description

Show avatar

To manage customer accounts, go to your customer accounts settings.

Display a customer's avatar in the header when they are signed in with their Shop account. This feature personalizes the shopping experience by visually indicating that the customer is logged in.

To display customer avatars in your store, ensure the Shop channel is installed, and Shop Pay is activated.

Adding Customer Avatars to Your Store

Follow these steps to enable customer avatars:

From your Shopify admin, navigate to Online Store > Themes.
Locate the theme you want to edit and click Customize.
In the Header section, enable the Show Avatar option.
Click Save, then click Publish.

Mobile layout

Setting	Description
Mobile logo position	Center Left

Spacing

Setting	Description
Bottom margin	Adjust the space below the header to create separation from the rest of the content.

Section padding

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.