# 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!