# Header section

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

&#x20;There are three navigation menu arrangement types in the Lyra theme’s header section.

### 1. Logo top center, menu bottom center

<figure><img src="https://3128577213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUEBGZ0ypDJpAB41jYu9K%2Fuploads%2FkgQuseIPrikjAdppOgtq%2Fheader1.png?alt=media&#x26;token=558730e0-b963-4b17-b788-da21e0efd507" alt=""><figcaption></figcaption></figure>

### 2. Logo and menu on middle left

<figure><img src="https://3128577213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUEBGZ0ypDJpAB41jYu9K%2Fuploads%2Fy7l6tQbWol9W1WgCziLy%2Fheader2.png?alt=media&#x26;token=0e381dfb-2423-4014-aa05-93de8dcf1e34" alt=""><figcaption></figcaption></figure>

### 3. Logo middle center, menu middle left

<figure><img src="https://3128577213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUEBGZ0ypDJpAB41jYu9K%2Fuploads%2F6gZYVquwSyWdMyNrGA8I%2Fheader3.png?alt=media&#x26;token=866f8231-fe4f-46c3-a789-b4b20e234d16" alt=""><figcaption></figcaption></figure>

### 4. Logo middle left, menu middle center

<figure><img src="https://3128577213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUEBGZ0ypDJpAB41jYu9K%2Fuploads%2Fap7xnhGEK8Fr7RXFLtY2%2Fheader-4.png?alt=media&#x26;token=b0606e1a-9176-4c84-9480-4709aa4b4cf2" 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>Layout</td><td><p>Customization of layout in the header section is as follows:</p><ul><li>Full width</li><li>Fluid</li><li>Container</li></ul></td></tr><tr><td>Desktop position</td><td><p>Customization of desktop header type in the header section is as follows:</p><ul><li>Logo top center, menu bottom center</li><li>Logo and menu on middle left</li><li>Logo middle center, menu middle left</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 shadow</td><td><p>Customization of Sticky header shadow  in the header section is as follows:</p><ul><li>None</li><li>Light</li><li>Dark</li></ul></td></tr><tr><td>Show bottom border</td><td>Enable this checkbox to show border of the bottom.</td></tr><tr><td>Menu</td><td>Click on "Select menu" to add a menu in the header section.</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>Show menu bottom border</td><td>Enable this checkbox to show bottom border of the menu.</td></tr><tr><td>Show divider beside the country/region or language selector</td><td>By enabling this checkbox, you can see country/region selector in the header section.</td></tr><tr><td>Color scheme</td><td><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><li>Scheme 5</li><li>Scheme 6</li><li>Scheme 7</li></ul></td></tr><tr><td>Account</td><td><p><strong>Show account as</strong><br>By selecting this selectbox, show account as.</p><ul><li>Icon</li><li>Icon with text</li><li>Text<br></li></ul><p><strong>Account dropdown color</strong></p><p>In this section, you can change the background and foreground color of the account 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><li>Scheme 6</li><li>Scheme 7</li></ul></td></tr><tr><td>Transparent header on desktop</td><td><p><strong>Header style</strong><br>Customization of transparent header settings is as follows:</p><ul><li>Stacked</li><li>Overlay on home page</li></ul><p><br><strong>Text and icons</strong></p><p>Modifying this color will result in a corresponding color change of the text and icons in transparent header.</p></td></tr><tr><td>Menu</td><td><p><strong>Menu color scheme</strong></p><p>In this section, you can change the background and foreground color of the menu 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><li>Scheme 6</li><li>Scheme 7</li></ul><p></p><p><strong>Menu</strong><br>Click on "Select menu" to add a menu in the header section.</p><p><br><strong>Desktop menu type</strong></p><p>Customization of desktop menu type in the header section is as follows:</p><ul><li>Inline</li><li>Drawer</li></ul></td></tr><tr><td>Menu padding and border</td><td><strong>Show menu top border</strong><br>Enable this checkbox to show top border of the menu.<br><br><strong>Top padding</strong><br>You can adjust the range of the top padding to increase or decrease the top spacing as needed.<br><br><strong>Bottom padding</strong><br>You can adjust the range of the bottom padding to increase or decrease the bottom spacing as needed.</td></tr><tr><td>Country/region selector</td><td><p><strong>Enable country/region selector</strong><br>By enabling this checkbox, you can see country/region selector in the header section.<br><br><strong>Show country flag</strong><br>By enabling this checkbox, you can see country flag.<br><br><strong>Label</strong><br>Customization of country/region selector type in the header section is as follows:</p><ul><li>Currency only</li><li>Country and currency</li></ul></td></tr><tr><td>Language selector</td><td><strong>Enable language selector</strong><br>By enabling this checkbox, you can see language selector in the header section.</td></tr><tr><td>Bottom margin on desktop</td><td>You can adjust the range of the bottom margin to increase or decrease the bottom spacing as needed.</td></tr></tbody></table>

<figure><img src="https://3128577213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUEBGZ0ypDJpAB41jYu9K%2Fuploads%2FqYKrJCHtppqfpYvce5jC%2Fheader.png?alt=media&#x26;token=7705c378-db98-4048-b728-6a98a7d40e23" alt=""><figcaption></figcaption></figure>