# Header The `Header` section is one of the most important components of any Shopify store—it’s the first thing visitors see and the primary navigation hub for your entire site. A well-designed header sets the visual tone, reinforces your brand identity, and makes it easy for customers to find what they’re looking for. From your logo and main menu to search, cart, and account access, every element in the header plays a key role in guiding the customer journey. A clean, intuitive header reduces friction, keeps users engaged, and ensures smooth navigation across devices. #### Why It’s Essential: * ✅ **Creates a strong first impression** and anchors your brand * ✅ **Supports easy navigation** across pages and product categories * ✅ **Enhances mobile usability** with responsive design elements * ✅ **Boosts conversions** by making the path to checkout seamless The header isn’t just a design feature—it’s a functional powerhouse that helps turn browsers into buyers. Prioritize clarity, accessibility, and brand cohesion to get the most out of this critical component. The `Header` section is part of Shopify’s default **Header group**, which means it’s built into your theme and automatically appears on every page of your store—no need to add it manually. Because it's a global element, the header is **always visible**, giving customers consistent access to key navigation tools like your logo, main menu, search, cart, and account links. This persistent visibility is crucial for e-commerce. It ensures your visitors can move through your store easily, no matter where they land. A well-designed header keeps your brand front and center while providing the structure for a seamless shopping experience. **Now we can make adjustments to the following section settings;** * **Upload logo:** Select or upload your brand logo. * **Logo width:** Adjust the sizeof you logo. * **Pick option:** You can decide to show the search form of social icons in the header. You will need to add social profile links via Theme settings > Social media for icons to show. * **Enable account**: Toggle the visibility of the account login icon. * **Enable search or socia**l: Toggle the visibility of the serach or social icons. * **Header layout**: Choose if the header is stacked or overlays the content. * **Menu style**: Choose the logo position, this is either left or center. * **Main menu**: Pick your menu that was created in Shopify admin. By default, this points to the main-menu. **Now we can make adjustments to the following block settings;** * **Mega menu:** This block type allows you to connect 2 menus together * **Promotion:** This block type allows you to attach an image with text to a parent menu --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://koding-themes.gitbook.io/theme-support/sections/introduction/header/sidebar.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.