> For the complete documentation index, see [llms.txt](https://sitar-doc.winterinfotech.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sitar-doc.winterinfotech.com/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 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>