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.
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.
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
| Setting | Description |
|---|---|
Layout | Change the position of the logo and menu in the header. Select Logo center, menu below, Logo left, menu left, Logo left, menu center, Logo center, menu left, or Logo left, menu below. |
Enable sticky header | Choose to fix the Header to the top of the screen or window so it remains visible when visitors scroll down the page. |
Cart icon | Choose between a cart or bag for the cart icon. |
Separator style | Display a border at bottom of the header. Select either No border, Thin border, or Thick border. |
Upload your logo image and adjust the pixel width. | |
Enable a transparent header background when at the top of the page. You can use an alternate logo and text color. | |
Enable a quick-sign in menu for customers. See Shopify's Customer accounts manual to learn more. | |
Set up multi-column dropdown menus with promotional features to put your products collections on display. | |
Change the search result styles and add suggested links. | |
|
Related links
Last updated
