Theme Builder

How to Design Header Template

Header Templates allow you to create and manage custom headers for your website using Elementor. Instead of being limited to a theme’s default header, you get full design freedom and centralized control.

Getting Started with Theme Builder Headers

Step 1: Open the Theme Builder

Log in to your WordPress admin panel and navigate to Dashboard → Zyre Addons → Theme Builder to open the Theme Builder management page.

Step 2: Add a New Template

  • Click Add New Button to begin creating a new template.

Step 3: Create a Header Template

  • In the template type selection, choose Header.
  • Enter a name for your header template.
  • Click Create Template.

This will open the Elementor editor.

Step 4: Design the Header and Publish

  • Use Zyre widgets (site logo, menu, search, etc.) to build your header layout as you want.
  • Once your design is complete, click Publish.

Step 5: Set Display Conditions

  • A Template Display Conditions modal will appear after clicking on the publish button.
  • Choose where the header should appear:
    • Include or Exclude
      • Include : Determines where the header will be shown.
      • Exclude : Determines where the header will NOT be shown, even if included elsewhere.
    • Entire Site : Displays the header across all pages, posts, archives, and custom content.
    • Singular : Shows the header on single posts, pages, and custom post types or Front page.
    • Archives : Applies to all archive pages.
  • Click Save & Close to confirm.

These conditions control exactly where the header is applied.

Step 6: View the Header on Your Website

After saving the conditions, your header will automatically appear on the selected pages. Any future edits to the header template will update everywhere it’s applied—no need to edit pages individually.

⚠️ Important Note: If your theme or another plugin already uses its own header (such as a theme builder header or Elementor’s default header), it may conflict with the Zyre Addon Header Template. To avoid overlapping or duplicate headers, make sure to disable the existing header from your theme or other builders before enabling Zyre header.

Share: