Header Builder

Create the perfect header with our intuitive drag-and-drop header builder.

Navigate to Appearance > Customize > Header Builder

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!