Header
Last updated
Last updated
The Header appears at the top of each page to allow visitors to navigate your store with ease.
Display a main menu and secondary menu with essential links for your collections and store.
Add mega navigation menus to display links in large dropdowns with multiple columns
Change the layout and style of the header
Customize the Quick search style and results
The Header displays menu links from the Navigation settings of your Shopify Admin. Use the header's main menu to show your collection and product links.
By default, multiple levels of nested links will appear as dropdown menus.
If you have menus with three levels of nested links, you can display the links in multiple columns by adding a Mega navigation menu.
By default, the header displays the Main menu. You can create a different menu, then change the selected menu in the Header section settings.
Click the Header section to open the settings.
Under navigation, click Select menu for the main menu.
Choose your menu of links that you've made in your Shopify admin.
Click Save.
Display a secondary menu of links in the top-left of the header. This menu shows top-level links in a single row — it does not show dropdown secondary links.
Start by creating a new menu of top-level links in the Navigation settings of your Shopify admin.
Use the secondary menu for links to pages about your store, contact info, and special promotions.
Click the Header section to open the settings.
Under navigation, click Select menu for the secondary menu.
Choose your menu of links that you've made in your Shopify admin.
Click Save.
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.
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.
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.
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://.
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.
| 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
