# Header Top

![](https://2603705147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7Q62b2Gam04eFP9yLH5%2Fuploads%2FS1KFaxL25BGxKspnKcRU%2Fimage.png?alt=media\&token=7758a941-90ae-4b05-9211-a62da6df109f)

***=> Result:***

![](https://2603705147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7Q62b2Gam04eFP9yLH5%2Fuploads%2FHRCYLP1J5pRl6a1H2Vyq%2Fimage.png?alt=media\&token=ae979599-6e60-4829-8989-2a123d2447f5)

If you want to build a Header top layout for your site. Please do some steps below:

1. Let go to **Theme Options > Header Top** section.
2. Click the **Click Here** link to go to the **Elementor** section to build a new Header top layout.
3. Click **Add New**

![](https://2603705147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7Q62b2Gam04eFP9yLH5%2Fuploads%2FntaOjlnGLZhE6NASwmQb%2Fimage.png?alt=media\&token=31f0a42e-5624-4ca8-9217-177325932f65)

4\. If you can not build a new Header top layout by Elementor. Please go to Elementor setting to config them.

![](https://2603705147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7Q62b2Gam04eFP9yLH5%2Fuploads%2FNt7tEGhRPpEyIu2yZXec%2Fimage.png?alt=media\&token=db019b46-6279-44f7-855c-a6bb9f68f9ce)

![](https://2603705147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7Q62b2Gam04eFP9yLH5%2Fuploads%2FNy7m4kaO0QAxQ0M9XeRZ%2Fimage.png?alt=media\&token=80394a8e-5118-4a91-95fd-2275c1bfaa9c)

5\. After config **Elementor** is completed. You come back to the **Header Top** section to build a new layout as you want.

![](https://2603705147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7Q62b2Gam04eFP9yLH5%2Fuploads%2FPYAZMlKVKkw0xVYPJXmR%2Fimage.png?alt=media\&token=e74ce6b5-99e3-46ef-8184-5c0c933ecd62)
