# Header section

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

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

### 1. Logo left, menu bottom

<figure><img src="/files/78kgB5DZn6QgOsI9XQlw" alt=""><figcaption></figcaption></figure>

### 2. Logo center, menu left

<figure><img src="/files/8BsadTzh9N0So4yWSp1s" alt=""><figcaption></figcaption></figure>

### 3. Logo center, menu bottom

<figure><img src="/files/0kFwNXlI9GzLZlPtxWWx" 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>Desktop logo position</td><td><p>Customization of desktop logo position in the header section is as follows:</p><ul><li>Top left</li><li>Middle left</li><li>Middle center</li></ul></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><li>Scheme 5</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.<br><br><strong>Enable transparent header container background</strong><br>By enabling this checkbox, you can Enable transparent header container background on home page.</td></tr><tr><td>Show bottom border</td><td>By enabling this checkbox, you can show bottom border.</td></tr><tr><td>icon width</td><td>Use this option to change Search/account/cart icon width. You can set a minimum of “18px” and a maximum of “26px”.</td></tr><tr><td>Customer account icons</td><td><p>Customization of customer account icons in the header section is as follows:</p><ul><li>First</li><li>Second</li></ul></td></tr><tr><td>Menu</td><td><p><strong>Show main menu title link</strong></p><p>Enable this checkbox, you can Show main menu title link.</p><p><br><strong>Menu</strong></p><p>Click on "Select menu" to add a menu in the header section.</p><p></p><p><strong>Font family</strong> </p><p>Customization of menu text font in the header section is as follows:</p><ul><li>Body</li><li>Heading</li></ul><p></p><p><strong>Font weight</strong></p><p>Customization of menu custom font weight in the header section is as follows:</p><ul><li>400</li><li>500</li><li>600</li><li>700</li><li>800</li><li>900</li></ul><p></p><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><li>Scheme 5</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>On scroll up</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><li>Scheme 5</li></ul></td></tr><tr><td>Header shadow</td><td><p>Customization of header shadow in the header section is as follows:</p><ul><li>On all page</li><li>On all page except home page</li></ul></td></tr><tr><td>Text with icon</td><td><p><strong>Show text with icon</strong><br>By enabling this checkbox, you can Show text with icon.</p><p></p><p><strong>Show background</strong></p><p>By enabling this checkbox, you can Show background.<br><br><strong>Icon</strong></p><p>In the section, the icons are given to select. are for selecting:</p><ul><li>None</li><li>Best Price</li><li>Return</li><li>Quality</li><li>Box</li><li>Shipping</li><li>24/7 Service</li><li>Offer</li><li>Support</li><li>Truck</li><li>Dollar sign</li><li>Gift</li><li>Color User</li><li>Color Payment</li><li>Color gift</li><li>Color shipping</li><li>Deal</li><li>Return policy</li><li>Payment</li><li>24/7</li></ul><p><strong>Icon width</strong></p><p>Use this option to change icon width. You can set a minimum of “12px” and a maximum of “30px”.</p><p></p><p><strong>Heading</strong><br>Enter text to display as a title in the section.<br><br><strong>Text</strong><br>Input the text to be displayed in this section. Additionally, you can add the contact number for customer support<br><br><strong>Link</strong><br>Utilize the 'Link' option to insert a hyperlink into the section.</p></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><tr><td>Spacing</td><td><strong>Bottom margin</strong><br>You can adjust the range of the bottom margin to increase or decrease the bottom spacing as needed.</td></tr><tr><td>Section padding</td><td><p><strong>Top padding</strong><br>You can adjust the range of the top padding to increase or decrease section padding as needed.</p><p><br><strong>Bottom padding</strong><br>You can adjust the range of the bottom padding to increase or decrease section padding as needed.</p></td></tr></tbody></table>

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


---

# 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://sitar-doc.winterinfotech.com/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.