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
Open the Header Builder: Go to the WordPress Customizer and open the Header Builder, located at the bottom-right of your screen.
Layout Overview: The builder consists of 3 rows, each with 3 columns. Use this flexible layout to design your header structure.
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.
Block Controls: Click on any block to open its settings in the left panel. Each block comes with its own customization options.
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.
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.
Customizing the Logo: Click on the Logo block to upload or customize your logo. Separate options are available for desktop and mobile views.
Using the Search Block: The Search block features built-in Ajax search and offers 3 layout styles to choose from.
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!
Last updated