The Header Template Builder in Ansar Elements allows you to create a custom website header visually using Elementor. Instead of using your theme’s default header, you can design your own header with drag-and-drop widgets like Site Logo, Navigation Menu, Search, Site Title, Tagline, and Social Icons.
How to Create a Header Template
Step 1: Open Site Builder
From your WordPress Dashboard, go to:
Ansar Elements → Theme Builder
Then select the Header tab.
Step 2: Create a New Header
Click Create Template.
Add the following details:
- Display Conditions (Pro) – Choose where the header should appear:
- Entire Site
- Specific Pages
- Blog Posts
- Categories/Archives
Step 3: Edit with Elementor
Click Edit with Elementor to open the visual editor.
Use Ansar Elements widgets to design your header, such as:
- Site Logo
- Navigation Menu
- Search
- Social Icons
- Site Title & Tagline
Styling Options
You can fully customize your header using Elementor controls:
- Container Styling: Background, padding, margin, border, shadow
- Widget Styling: Colors, typography, spacing, hover effects
- Responsive Controls: Adjust layout for desktop, tablet, and mobile
Publish the Header
Once your design is complete:
- Click Publish
- Confirm your display conditions
- Save changes
Your custom header will now be active on your website.
Pro Tip
For the best user experience, use a simple header layout with Site Logo + Navigation Menu + Search Widget. Always preview your header on mobile before publishing.