# Header section

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

### 1. Logo left, menu bottom

<figure><img src="https://1152871782-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpOgAXZovgZLUeG0YgXOA%2Fuploads%2FbIDLb6XChLqR2ApZBYst%2Flogoleft.png?alt=media&#x26;token=1de7857b-181f-41a7-9b9b-374b047168da" alt=""><figcaption></figcaption></figure>

### 2. Logo center, menu left

<figure><img src="https://1152871782-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpOgAXZovgZLUeG0YgXOA%2Fuploads%2FZlZUzCanBJ4IEpjQPJ2R%2Flogocenter.png?alt=media&#x26;token=d46613b1-02a0-47bd-8db2-0939bbb8a0c1" alt=""><figcaption></figcaption></figure>

### 3. Logo center, menu bottom

<figure><img src="https://1152871782-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpOgAXZovgZLUeG0YgXOA%2Fuploads%2F4hI8MzNnEZpK46EOCPfb%2Flogo-center-menu-bottom.png?alt=media&#x26;token=3d5af001-8f46-4a84-a27c-9c5a7d3daf99" alt=""><figcaption></figcaption></figure>

The header customizations are as follows:

<table><thead><tr><th width="201">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Transparent header</td><td>Enable this checkbox to Make Enable transparent header on home page</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>Account</td><td><p>Customization of account icon and text in the header section is as follows:</p><ul><li>Account icon</li><li>Account icon with text</li></ul></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><li>Scheme 5</li></ul><p><strong>Menu dropdown and drawer 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>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>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>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="https://1152871782-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpOgAXZovgZLUeG0YgXOA%2Fuploads%2F3qFYucgxkEbbuAUAmita%2Fheader.png?alt=media&#x26;token=d636d027-7e8f-4024-b538-17c690b33f26" alt=""><figcaption></figcaption></figure>