# Header Layout

### Choosing a layout

Navigate to **Theme Options > Header Navigation > Navigation Layout** for selecting the layout for your header navigation.

1. **Header Navigation Layout** - Choose the layout you want to build.
2. **Main Menu Position** - Choose the alignment of the main menu from left, center, and right. *Works only with first layout type.*
3. **Contained Layout** - Enable to put the header content inside the site container.
4. **Search Icon** - Enable or Disable the Search Icon in your site.
5. **Top Bar** - Enable the top bar on your header navigation.
6. **TopBar Background** - Choose a custom background color for the Top Bar.
7. **TopBar Text** - Enter some text or HTML to display in the top bar.
8. **Social Icons** - Choose the social icons to display in the header.
9. **Social Icons Size** - Custom size for social icons.
10. **Social Icons Spacing** - Custom spacing between the social icons.

{% hint style="info" %}
If the Social Icons list is not visible, then navigate to the **Social Media** tab in the **Theme Options** and enable the social media icons by entering the URLs.
{% endhint %}

![](https://306741336-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MN6uvJvdK1Lz7TRvvkr%2F-MORIzvqW9auQiBD6KAm%2F-MORJhhdiPuR9z56ayF8%2Fimage.png?alt=media\&token=63eae8ff-a80a-4be7-890c-203e554f8ba3)

![](https://306741336-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MN6uvJvdK1Lz7TRvvkr%2F-MORIzvqW9auQiBD6KAm%2F-MORJnp3eVHRLE2GGEsO%2Fimage.png?alt=media\&token=0b5e37d9-f7a5-4e0a-84aa-c9bd74e3bbde)