Elementor Header Footer Builder - Addon

Headers and footers sit on every page, yet many themes make them hard to change. This addon moves that work into Elementor, so you can design a header, footer, topbar or before-footer section with the same drag-and-drop editor you already use for pages. The layouts are responsive and retina ready, so they adapt to different screen sizes and high-resolution displays.

You can begin with the included pre-built designs, which come as JSON files you import and then adjust, or build from scratch. Menus support dropdowns, mobile layouts, hover icons and one-page navigation. A search field can go in the header or footer, and canvas template support lets you give particular pages their own header and footer. The addon works with any WordPress theme, so your existing design stays in place.

Features

• Pre-built header templates: Import 8 header designs from included JSON files, then adjust them in Elementor to match your brand instead of starting from a blank layout.
• Drag-and-drop Elementor editing: Build headers, footers, topbars and before-footer sections in Elementor's editor with real-time editing and no coding skills required.
• Responsive and retina ready: Header and footer sections are made to display cleanly on different screen sizes and on high-resolution screens.
• Menus with dropdown and mobile support: Create navigation with dropdown menus, mobile-optimized menus, hover icons and one-page menu options for visitors on any device.
• Topbar and before-footer areas: Add extra sections above or below the main content for contact details, social links or calls to action.
• Menu alignment and icons: Choose how your menu is aligned and turn on icons that appear on hover to shape how the menu looks and responds.
• Search field in header or footer: Place a customizable search field anywhere within the header or footer so visitors can find content quickly.
• Page-specific headers and footers: Use canvas template support to assign different header and footer layouts to specific pages on the same site.

Best for

• Web designers building custom Elementor headers for clients
• Site owners who want to edit headers without code
• Agencies working across many different WordPress themes