# Header

Setting up Header for Website

Navigate to : Apperance > Customize > Header.

&#x20;Choose your header for all pages.

![](https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMmy6vz7DXmS5zgZJ7I%2F-MMn2THs7XLCDXIebTFk%2Fgd_header1.jpg?alt=media\&token=4ea11316-0ddd-4cbc-84af-39458ae9447c)

**1. You can choose the logo:**

<div align="left"><img src="https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMmy6vz7DXmS5zgZJ7I%2F-MMn3nfXdovmiLy2135f%2Fgd_header2.jpg?alt=media&#x26;token=5d412920-b2c6-43be-a860-8676c4cd0200" alt=""></div>

​**2. Jenik theme only uses the header main:**

<div align="left"><img src="https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMmy6vz7DXmS5zgZJ7I%2F-MMn5sPCVwG8L1Arkctd%2Fgd_header3.jpg?alt=media&#x26;token=3b858f0a-f22f-4c8e-9329-fe3786eadb1b" alt=""></div>

\*Choose Enable Site Info:

&#x20;Import content for Site Info. From the 'Appearance' menu on the left-hand side of the Dashboard, select the 'Widgets'.

<div align="left"><img src="https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMrmsJTu27Ws7h14uFV%2F-MMrrCfM0Favr-azyXQ9%2Fgd_header10.jpg?alt=media&#x26;token=50e47011-c679-4291-b889-57b72e3bb11a" alt=""></div>

The **Front-end looks like** :

![](https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMmy6vz7DXmS5zgZJ7I%2F-MMn7pHVsDI6GymdQVxS%2Fgd_header4.jpg?alt=media\&token=4d088c2d-83c2-4be3-8784-e7c838a72e91)

Also supports 2 more positions **before** and **after** the **header main**

* Header Top Bar  positions before
* Header Bottom positions after

**3. Header Top Bar :**

<div align="left"><img src="https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMn8TYwzjycKeN9ds2a%2F-MMnBk8LxrqS3sHBGskL%2Fgd_header5.jpg?alt=media&#x26;token=3346f036-9a3a-49c6-8c39-fb4697d8be51" alt=""></div>

**Background:** setting separate colors for the header top bar.

Import content for header top bar. From the 'Appearance' menu on the left-hand side of the Dashboard, select the 'Widgets'. Supports up to 3 columns

<div align="left"><img src="https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMoKKjuAyEkbcrUbqD1%2F-MMoa9DS4GJ8Vlaq2JNp%2Fgd_header8.jpg?alt=media&#x26;token=0ab43fb5-f852-47b2-9040-c0bc69ac2603" alt=""></div>

**4. Header Bottom :**

<div align="left"><img src="https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMn8TYwzjycKeN9ds2a%2F-MMnBy5a-Xj3cpQVxH10%2Fgd_header6.jpg?alt=media&#x26;token=3afe284b-8a24-49ec-9a41-bbcdd251ed71" alt=""></div>

**Background:** setting separate colors for the header bottom.

Import content for header bottom. From the 'Appearance' menu on the left-hand side of the Dashboard, select the 'Widgets'. Supports up to 3 columns

<div align="left"><img src="https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMoKKjuAyEkbcrUbqD1%2F-MMoa6JzbFOwH3PlViZL%2Fgd_header9.jpg?alt=media&#x26;token=8056f5c0-07e6-4f71-b168-655e662588dc" alt=""></div>

**5. Support the sticky header :**

<div align="left"><img src="https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMn8TYwzjycKeN9ds2a%2F-MMn9kt3fge-n82-LF0t%2Fgd_header7.jpg?alt=media&#x26;token=3da0b3df-474a-4e87-9389-b5cc4e17528f" alt=""></div>

**6. Background:** Settings color for your Header&#x20;

<div align="left"><img src="https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMtMre7zhadUW_vhFhb%2F-MMtOG8LSj7JPI28zfJd%2Fgd_bg1.jpg?alt=media&#x26;token=2f597b22-f4d9-408a-8672-adf6bafe401d" alt=""></div>
