# Header Builder

Navigate to **Appearance > Customize > Header Builder**

{% embed url="<https://www.youtube.com/watch?v=uUlXitlYk_M>" %}

Here’s the improved and polished version of your documentation section:

***

#### Building Your Header with the Customizer

1. **Open the Header Builder:**\
   Go to the WordPress Customizer and open the Header Builder, located at the bottom-right of your screen.
2. **Layout Overview:**\
   The builder consists of 3 rows, each with 3 columns. Use this flexible layout to design your header structure.
3. **Adding Elements:**
   * Select your desired column and click **“Add Element.”**
   * Choose the block you want to insert.
   * You can add multiple blocks within a single column and rearrange them via drag-and-drop.
4. **Block Controls:**\
   Click on any block to open its settings in the left panel. Each block comes with its own customization options.
5. **Spacing & Design Tips:**
   * When using multiple rows, adjust the main header’s padding to remove unwanted space at the top and bottom.
   * Customize the gap between rows for better visual spacing.
   * Each row also supports individual background and text color settings.
6. **Using Widget Blocks:**
   * To use **Widget 1, 2, or 3** blocks, first add widgets in their respective areas.
   * Go to **Appearance > Widgets** in your dashboard.
   * There are 3 dedicated widget areas for the header. Add any WordPress widget here, and it will be available in the builder.
7. **Customizing the Logo:**\
   Click on the Logo block to upload or customize your logo. Separate options are available for desktop and mobile views.
8. **Using the Search Block:**\
   The Search block features built-in Ajax search and offers 3 layout styles to choose from.
9. **Final Touch:**\
   When you're satisfied with your header design, click **Publish** to save your changes.

***

Let me know if you want to break it into smaller sections or add screenshots!


---

# 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://docs.stylothemes.com/pinblog/customization/header-builder.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.