> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/piano-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webibazaar.gitbook.io/piano-documentation/header/header-section.md).

# Header section

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

There are three navigation menu arrangement types in the Piano theme’s header section.

### 1. Menu bottom logo left

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

### 2. Menu left logo center

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

The header customizations are as follows:

<table><thead><tr><th width="282">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Make section full width</td><td>By enabling this checkbox, you can make section in full width.</td></tr><tr><td>Enable header separator</td><td>By enabling this checkbox, you can show header separator line.</td></tr><tr><td>Desktop logo position</td><td><p>Customization of desktop logo position in the header section is as follows:</p><ul><li>Menu bottom logo left</li><li>Menu left logo center</li></ul></td></tr><tr><td>Menu style</td><td><p>Customization of menu style in the header section is as follows:</p><ul><li>Show on click</li><li>Show menu by default</li></ul></td></tr><tr><td>Dropdown open on</td><td><p>Customization of Dropdown in the header section is as follows:</p><ul><li>Click</li><li>Hover</li></ul></td></tr><tr><td>Menu design</td><td><p>Customization of menu design in the header section is as follows:</p><ul><li>Default</li><li>Tab</li></ul></td></tr><tr><td>Tab menu open position</td><td><p>Customization of Tab menu open position in the header section is as follows:</p><ul><li>Inner</li><li>Outer</li></ul></td></tr><tr><td>Account icon setting</td><td><p>Customization of account icon and text in the header section is as follows:</p><ul><li>Link on click</li><li>Direct link</li></ul></td></tr><tr><td>User icon</td><td><p>Customization of user icon in the header section is as follows:</p><ul><li>With text</li><li>Without text</li></ul></td></tr><tr><td>Search icon</td><td><p>Customization of Search icon in the header section is as follows:</p><ul><li>With text</li><li>Without text</li></ul></td></tr><tr><td>Enable cart background</td><td>Modifying the color of the cart background will result in a corresponding color change for the cart background.</td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li></ul></td></tr><tr><td>Transparent header on desktop</td><td><strong>Enable transparent header on home page</strong><br>By enabling this checkbox, you can Enable transparent header on home page.</td></tr><tr><td>Show main menu title link</td><td>By enabling this checkbox, you can show main menu title link.</td></tr><tr><td>Menu</td><td><p><strong>Menu</strong></p><p>Click on "Select menu" to add a menu in the header section. </p><p></p><p><strong>Color scheme</strong></p><p>In this section, you can change the background and foreground color of the section using the color scheme:</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li></ul><p><strong>Menu dropdown color</strong></p><p>In this section, you can change the background and foreground color of the dropdown using the color scheme:</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li></ul></td></tr><tr><td>Sticky header</td><td><p>Customization of Sticky header in the header section is as follows:</p><ul><li>None</li><li>Always</li><li>Always, reduce logo size</li></ul></td></tr><tr><td>Sticky header color</td><td><p>In this section, you can change the background and foreground color of the sticky header using the color scheme:</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li></ul></td></tr><tr><td>Mobile layout</td><td><strong>Country/region selector</strong><br>By enabling this checkbox, you can see country/region selector in the header section.<br><br><strong>Language selector</strong><br>By enabling this checkbox, you can see Language selector in the header section.</td></tr></tbody></table>

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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://webibazaar.gitbook.io/piano-documentation/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.