How to create custom Header using Header Builder

Here's how to create a custom header using the Header Builder in Houzez:

1. Accessing the Header Builder:

• Navigate to your WordPress admin panel and locate the Houzez menu.
• Click on Header & Footer Builder within the Houzez menu.
• 

2. Creating a New Header Template:

• On the Header & Footer Builder page, click the Add New Post button.
• In the post editor, switch to the Template Settings tab.
  
  

3. Choosing the Template Type:

• Under Template Type, select the Header option. This will create a header that replaces the default header based on your chosen settings.
• Other available options include:
  
  • After Header: Adds content after the default header based on your selections.
  • Before Header: Adds content before the footer based on your selections.
  • Mega Menu: Creates a custom mega menu.
  • Footer: Replaces the default footer based on your selections.
  • Before Footer: Adds content before the default footer based on your selections.
  • After Footer: Adds content after the footer based on your selections.
    Custom Block: Create custom block and add on any page using available shortcode.

4. Defining Template Locations and Exclusions:

• Choose the specific options available under Display Locations and Exclude locations. These options allow you to control where your custom header will appear and where it will not.
• In the screenshot, you can see options like:
  
  • Entire: The header will be displayed on all pages.
  • Homepage: The header will only be displayed on the homepage.
  • Specific pages: You can choose individual pages where the header will be displayed.
  • Exclude pages: You can choose specific pages where the header will not be displayed.
    
    

5. Customizing Your Header:

• Once you've defined the template type, locations, and exclusions, you can use the Edit With Elementor button to design your custom header.
• Elementor provides a drag-and-drop interface with a wide range of widgets and settings to personalize your header's layout, content, and styling.
  
  

Additional Tips:

• Use the Preview button to see how your header looks before publishing it.
• Consider creating different header templates for different sections of your website to provide a more targeted user experience.
• Explore the Header & Footer Builder's documentation and tutorials for more advanced customization options.

By following these steps and utilizing the visual guidance from the screenshot, you can effectively create custom headers that align with your website's design and branding.