Header and Footer
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: Menus and links
Language selector
Adds a language selector to your website, allowing visitors to choose their preferred language. This feature is ideal for multilingual sites, enhancing the experience for international users.
Enable language selector: Check this box to enable the language selector feature.
To add a language, visit your language settings.
Country/region selector
- Adds a country or region selector, enabling visitors to select their location. This helps display localized content, currency, and shipping options, making the site more relevant for users in different regions.
💡 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.