Skip to main content
Header on the storefront

Header, highlighted on the demo store

​
Where to find it

Every page. In the theme editor, select Header in the Header area of the sidebar.

​
How it works

  • Shows your logo image at the width you choose. Without an image it shows the Text logo, or your store name when that is blank, with the small brand mark beside it (set in Theme settings > Layout > Brand mark).
  • The main menu supports three levels. On desktop, a top-level item with links under it opens a Dropdown or a full-width Mega menu when selected. Escape or a click elsewhere closes it.
  • On screens up to 760 px wide, the menu moves behind a menu button that lists all three levels, plus any menu promos.
  • The search icon opens a search box. After two characters it suggests up to four products, collections, articles and pages; arrow keys move through the suggestions and Enter opens the full search page.
  • The account icon appears when customer accounts are turned on in your Shopify admin. Shopify supplies the sign-in and the account menu.
  • The bag icon shows how many items are in the bag. With Cart type set to Drawer, it opens the cart drawer instead of leaving the page.
  • With Keep header in view on, the header stays at the top of the screen while shoppers scroll.
  • If no menu is chosen, the header shows Shop and All categories links so the store stays browsable.
Header in the theme editor

In the theme editor: 1 the section in the sidebar · 2 its settings · 3 the section in the preview

​
Edit it

  • Upload a Logo and set Logo width (60 to 300 px). Leave the logo empty to use the text logo.
  • Choose your Main menu. Build it in Shopify admin under Content > Menus, and nest links to create the second and third levels.
  • Pick a Desktop menu style: Dropdown, or Mega menu to show second-level links as columns with their third-level links underneath.
  • To put an image card inside a menu, click Add block > Menu promo and type the exact title of the top-level menu item in Menu item. Up to 4 menu promos.
  • Choose a Customer account menu to add your own links to the account menu that Shopify shows.
  • Turn off Keep header in view if you prefer the header to scroll away with the page.

​
Settings

​
Blocks

Add a block with Add block under the section in the sidebar; drag blocks to reorder them.
Country and language selectors live in the footer, not the header.The account icon only appears when customer accounts are turned on in Settings > Customer accounts.