# Customizing header

To customize the header, our theme support option to set it in Customize -> Header

Here, there are 3 options for customizing the header: Header Top; Header Main, and Header Bottom.

{% hint style="info" %}
**Note: These 3 options only work when you create a new header called My Custom in General -> Header type -> My Custom**
{% endhint %}

<div data-full-width="true"><figure><img src="/files/BYhZoHSGZ0o6gAFN5We0" alt=""><figcaption></figcaption></figure></div>

#### Header Top:

If you want to use the top bar to enter featured ad message content, you can enable it in the header top option -> Enable top bar

<div data-full-width="true"><figure><img src="/files/lnVn0IMDJa0oRGh5CFIj" alt=""><figcaption></figcaption></figure></div>

And here, you can customize the distance, color,... for it

#### Header Main

In this option, you can customize whatever you want on your header, you can customize the position of the logo, menu. Or you can customize the distance, image, and color,... for it

<div data-full-width="true"><figure><img src="/files/s97sXC3MrjEzBfBj6TkO" alt=""><figcaption></figcaption></figure></div>

#### Header bottom

As a header main, you can customize whatever you want on your header, you can customize the position of the logo,.. Or you can customize the distance, image, and color,... for it

<div data-full-width="true"><figure><img src="/files/Jg3pGdRM7cNCPUlMM75z" alt=""><figcaption></figcaption></figure></div>

**Note:** If you use the default header of the theme or want to use the header that you have customized, go to **Edit Page** -> **Page Option** -> **Header** -> **Header Type**  And select the header you want. If it's the header that you custom, choose **My Custom**

<div data-full-width="true"><figure><img src="/files/KzVfQPeparfZdJEDtAe2" alt=""><figcaption></figcaption></figure></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://uxper.gitbook.io/july-woocommerce-wordpress-theme/faqs/customizing-header.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.