# Creating website Header

> Build a custom header for your Phox site with the Theme Builder and Elementor, then set where it displays across your website.

Source: https://phox.wdes.org/docs/creating-website-header/
Last updated: 2023-03-09

To create a new header for your website, open your WordPress admin panel, then go to **Phox » Theme Builder,** and it opens a page click on **Add New** button.

![phox header create](https://phox.wdes.org/docs/assets/phox-header-create.C-dl5MdD_Z1ep0TJ.webp)

A pop-up window appears, choose the type of template **Header** and the name of the template you want.

![header popup](https://phox.wdes.org/docs/assets/header-popup.CLKSEMfQ_XsrHl.webp)

After that, start building the header using Elementor builder and Phox site widgets.

![site elements](https://phox.wdes.org/docs/assets/site-elements.BNYPwieW_6PGPQ.webp)

After you finish building the header save the changes then click on the gear button (settings), and [set the proper conditions for the header](https://phox.wdes.org/docs/set-conditions-for-the-header/) ![header conditions](https://phox.wdes.org/docs/assets/header-conditions.HE1TApkj_Z1AoE8j.webp)
