Header

The Header appears at the top of each page so customers can navigate your store with ease. Choose from multiple styles and layouts, add Mega navigation menus for large catalogs, enable a transparent header, and more.

Set up menus

By default, the header menu is set to the Main menu found in your Shopify Admin. If you created a different menu, go to the theme editor (Customize) to change the selected menu for your Header. Select a Secondary menu to show in the top-left of the header for additional links.

You can set up Mega navigation menus to show multiple columns of menu links with featured promotions.

STEPS

In your theme editor (Customize):

  1. Under the Main menu section, click Change and Change menu.

    The main menu works best for catalog and product links.

  2. Select a Secondary menu to display at the top of the header.

    The secondary menu works best for links to pages about your store, policies, contact information, and other additional information.

  3. Choose the menu you want to use and click Select.

Layout and style

Customize the look of the Header in the section settings.

  • Change the Layout of the logo and menu

  • Enable the Sticky header to fix it to the top of the page

  • Change the Cart icon to a bag or cart

  • Show a Border at the bottom of the header

You can also enable a Transparent header to display the full-height of image sections at top of the page.

STEPS

In your theme editor (Customize):

  1. Click on the Header section to open the section settings.

  2. Set the Layout to Logo center, menu below, Logo left, menu left, Logo left, menu center, Logo center, menu left, or Logo left, menu below.

  3. Choose whether to Enable sticky header to fix the Header to the top of the screen or window when customers scroll down the page.

    If disabled, the Header remains at the top of the page.

  4. Select a Separator style: No border, Thin border, Thick border.

  5. Click Save.

Language selector

Stiletto supports selling in multiple languages. After you have added and published languages ↗ to your store, enable the Language selector to let customers select their preferred language.

Stiletto comes with translations for default theme text in 4 languages: French, German, Italian, and Spanish.

Note See our Selling in multiple languages guide to learn more. You can add multiple languages in your Shopify admin and use a translation app to translate your store content.

Country selector

Enable the Country selector to let customers to view your products with their preferred currency. The selector displays countries with their currencies supported in your Shopify Market settings.

Shopify | Selling in multiple currencies ↗ is a Shopify feature. Only stores using Shopify Payments can use this feature.

Social media icons

Choose to Show social media icons at the top of the header on desktop and in the mobile menu.

Add your social media links in Theme settings > Social media to automatically display those social icons. Enter the full URL, including https://.

Customer account icon

The customer account icon appears by default when customer accounts are enabled in your Shopify admin. Go to your admin Settings > Customer accounts to find the Show login link in the header of online store and at checkout option.

Shopify | Customer accounts is a Shopify feature. Our theme support cannot provide code customizations to remove the customer icon. See Shopify's Customer accounts ↗ manual to learn more.

Settings reference

Layout


Related links

Logo image Mega navigation Transparent header Quick search

Last updated