# Header

The **Header Section** allows you to customize the top section of your store, including navigation, branding, and search functionality. It provides a structured layout to enhance user experience and accessibility.

1. **Go to** Shopify Admin > Online Store > Themes.
2. **Click** **Customize** on your active theme.
3. **In the Theme Editor, click** **Header** to access customization settings.

<figure><img src="/files/lnF9q1qecjmHb3cmevXl" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="308"></th><th></th></tr></thead><tbody><tr><td>Color scheme</td><td>Select any color scheme defined in the theme settings > Colors > Schemes.</td></tr><tr><td>Main menu</td><td>Choose the navigation menu to appear in the header. Manage menus under Online Store > Content > Menu.</td></tr><tr><td>Desktop logo position</td><td><p>Choose logo alignment for desktop view. </p><ul><li>Left</li><li>Middle</li></ul></td></tr><tr><td><strong>Header layout</strong></td><td></td></tr><tr><td>Header style</td><td><p>Choose the header style.</p><ul><li>Circular</li><li>Standard</li></ul></td></tr><tr><td>Heading</td><td>Add the heading content (this heading is displayed only when the header style is set to circular).</td></tr><tr><td>Sticky header</td><td>Enable for sticky header.</td></tr><tr><td>Show account</td><td>Enable account icon in the header.</td></tr><tr><td>Show search</td><td>Enable search icon in the header.</td></tr><tr><td>Icon style</td><td><p>Select the icon style.</p><ul><li>Icon</li><li>Text</li></ul></td></tr><tr><td>Cart icon</td><td><p>Select the cart type.</p><ul><li>Bag</li><li>Cart</li><li>Basket</li></ul></td></tr><tr><td><strong>Transparent header</strong></td><td></td></tr><tr><td>Enable transparent header</td><td>Enable the transparent header.</td></tr><tr><td>Transparent header logo</td><td>Add your transparent logo here.</td></tr><tr><td>Color scheme</td><td>Select the separate color scheme for the transparent header.</td></tr><tr><td><strong>Separator layout</strong></td><td></td></tr><tr><td>Enable separator on header</td><td>Enable header separator.</td></tr><tr><td>Separator style</td><td><p>Choose the separator style.</p><ul><li>Artistic</li><li>Line</li></ul></td></tr></tbody></table>


---

# 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://wedesigntech-1.gitbook.io/elegance/header/header-section.md?ask=<question>
```

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.