# Header Navigation

Header Navigation section of the Page Settings allows to customize Header Menu for the Page individually:

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2FLZJ7JCZ5JHRT1F1UXMsg%2FPage%20settings%20-%20Header%20nav.png?alt=media&#x26;token=ad0aa505-ed06-4c64-9284-8700386137ef" alt=""><figcaption></figcaption></figure>

### Header Positioning

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2FkkXIfWV8oEyzrkfgZ8e6%2FPage%20settings%20-%20Header%20nav%20positioning.png?alt=media&#x26;token=d4079643-680b-4505-b4eb-299b462fdf0d" alt=""><figcaption></figcaption></figure>

**Style -Inverse** - This option swappers logo and dark logo.

**Transparent Header** - When this option is enabled, the header will be positioned absolutely above the blocks.

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2FUvVhCC41djZcWixkw9b8%2FTheme%20options%20-%20page%20transparent%20header.png?alt=media&#x26;token=06aaecd2-8d46-4e06-95e1-c6e99c7d0be1" alt=""><figcaption></figcaption></figure>

### Header Styles

This option shows additional settings for Main Header. When the option is disabled after making changes, settings will still be applied.

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2FKmJiO3YsUSAUKEUv7JTx%2FPage%20settings%20-%20Header%20nav%20style.png?alt=media&#x26;token=daf6d2c6-9975-4f4e-aa39-1d4cc84bef2a" alt=""><figcaption></figcaption></figure>

* **Header Background** - The background color of the Main header that will be applied when the Transparent header is disabled.
* **Header Shadow** - The background color of the line that will be displayed below the Main Header.

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2FGsLbCklssMBUQuPReLmd%2FPage%20settings%20-%20Header%20nav%20style%20appplied.png?alt=media&#x26;token=68d5dcd6-14b7-4797-9e7c-1bd5a0827eba" alt=""><figcaption></figcaption></figure>

### Styles of WooCommerce Cart

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2FCux1KaExynSjBoG3d7qY%2FPage%20settings%20-%20Header%20Woo%20settings.png?alt=media&#x26;token=9cd49cdd-a205-418d-9f6d-f9653436d104" alt=""><figcaption></figcaption></figure>

**Additional Customization** - This option shows additional settings for WooCommerce Cart Icon. When it is enabled colors can be customized individually for the page.

### Styles of WPML Multi-language

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2FzkANQA8qENQUpfUmocXu%2FPage%20settings%20-%20Header%20WPML%20settings.png?alt=media&#x26;token=df1643e0-6288-4b36-ac84-c712c7f2b137" alt=""><figcaption></figcaption></figure>

**Additional Customization** - This option shows additional settings for WPML Language Switcher. When it is enabled colors can be customized individually for the page.

### Styles of Social Icons

<figure><img src="https://353263333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDPE9netawUH7O_3vVu%2Fuploads%2Fv0iYHQcSxOUzZBc5vJSO%2FPage%20settings%20-%20Header%20social%20settings.png?alt=media&#x26;token=d526ad29-1ead-4e9b-baeb-de8c7121a280" alt=""><figcaption></figcaption></figure>

**Additional Customization** -  This option shows additional settings for Social Icons. When the option is disabled after making changes, settings will still be applied.