Header

The header is the rectangular area that runs across the top of your store, featuring your logo, navigation, search bar, country selector, account and cart icon. It appears on every page to promote your company's brand and make it instantly recognizable to your visitors. The header is a static section and cannot be repositioned.

Adjust Header section

Within the Header settings, you can adjust the following fields:

Enable sticky header

• Checked: The header remains visible at the top of the screen as customers scroll down the page.

• Unchecked: The header will scroll out of view as customers scroll down the page.

Text theme

• Dark: Sets the header text to a dark color. This change will only take effect if the 'Show transparent header on home page' option in Theme settings is checked.
• Light: Sets the header text to a light color. This change will only take effect if the 'Show transparent header on home page' option in Theme settings is checked.

Desktop menu style

• Complex: Uses a more detailed and possibly multi-level menu style for desktop views. Menu style is automatically optimized for mobile.
• Simple: Uses a basic and straightforward menu style for desktop views. Menu style is automatically optimized for mobile.

Menu

The header often serves as a table of contents for the storefront, featuring key navigation links that you set up in the Navigation settings of the Shopify admin. To set a navigation menu on your header, you can link the navigation in this section.

• Change: Allows you to select which menu to display in the header. The current selection is the 'Main menu.' You can change this by clicking the "Change" button.

💡 Tip: More information about configuring navigation on your online store can be found on: https://help.shopify.com/en/manual/online-store/menus-and-links

Country/region selector

• Checked: Adds a country/region selector to the header, allowing customers to choose their location.
• Unchecked: Hides the country/region selector from the header.
• To add a country/region, you need to go to your payment settings.

💡 Tip: You can use drag and drop to move individual blocks. In Shopify, individual blocks can be removed (bin) or hidden (eye), and then revealed again.