Page cover

Header

The Header appears at the top of each page so customers can navigate your store with ease. In your theme editor, click the Header section to find settings and features.

Menu links

Set up links, featured link, and hover interaction.

Layout

Rearrange the store name, search bar, and menus.

Style

Customize sticky header, icons, and custom colors.

Logo

Upload logo image with custom width.

Mega navigation

Set up multi-column menus with promotional features

Transparent header

Make the header background transparent.

Search bar

Enable predictive search with filters and quick links.

Set up main menu

By default, the header menu is set to the Main menu found in your Shopify Admin. If you created a separate menu, go to the theme editor (Customize) to change the selected menu for your Header.

STEPS

In your theme editor (Customize):

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

  2. Select a menu from your Shopify admin that you want to use.

  3. Select a Menu interaction mode to change how dropdown menus open.

    Select either Click to open or Hover to open.

Enable featured link

Highlight a top-level menu item with a custom color. Click the Header section and enter the name of the menu link in the Featured link label field.

The mobile featured link is set up in the Mobile menu section.

Header menu with 'Sale' featured link

Change menu interaction mode

Choose how dropdown or mega menus should be opened, either by clicking or hovering over the top-level link.

Click the Header section, and set the Menu interaction mode to either Click to open or Hover to open.

Watch tutorial video

Watch our video for navigation tips for your large-catalog Shopify store.

Related links

Header Layout and style Logo Mega navigation Transparent header Mobile menu Search bar

Last updated

Was this helpful?