Title: Wbee Header Footer and Mega Menu Builder for Elementor Author: Zihadul islam Published: October 30, 2026 Last modified: October 31, 2026 --- Search plugins ![](https://ps.w.org/wbee-hfm-builder-elementor/assets/banner-772x250.png?rev=3775412) ![](https://ps.w.org/wbee-hfm-builder-elementor/assets/icon-128x128.gif?rev=3775412) # Wbee Header Footer and Mega Menu Builder for Elementor By [Zihadul islam](https://profiles.wordpress.org/rootdesign/) [Download](https://downloads.wordpress.org/plugin/wbee-hfm-builder-elementor.1.4.5.zip) * [Details](https://wordpress.org/plugins/wbee-hfm-builder-elementor/#description) * [Reviews](https://wordpress.org/plugins/wbee-hfm-builder-elementor/#reviews) * [Installation](https://wordpress.org/plugins/wbee-hfm-builder-elementor/#installation) * [Development](https://wordpress.org/plugins/wbee-hfm-builder-elementor/#developers) [Support](https://wordpress.org/support/plugin/wbee-hfm-builder-elementor/) ## Description **Wbee Header Footer and Mega Menu Builder for Elementor** (by Woodebee) is a focused theme-builder for site chrome. You design headers, footers, and mega-menu panels in Elementor. Easily attach mega menu panels to specific navigation menu items. You stay in control of layout, type, and color inside each template. This plugin requires [Elementor](https://wordpress.org/plugins/elementor/). #### Theme Builder dashboard Open **Woodebee Header Footer** in the WordPress admin. * Separate boards for **Header**, **Footer**, and **Mega Menu** * Create, duplicate, and delete templates * **Edit with Elementor** in one click * Header and footer **Activate / Deactivate** * Header and footer **Conditions & Settings** * Mega menus show **Active** when assigned to a menu item, **Inactive** when they are not #### Display conditions (headers & footers) Each header and footer can include and exclude pages. If several templates match, the most specific rule wins, then **Priority**. * Entire website, homepage, singular, archives, search, 404 * Audience: everyone, logged in, or logged out * WooCommerce (when WooCommerce is active): shop, products, categories, cart, checkout, My account #### Sticky, overlay, and responsive header Set these on **Conditions & Settings** or in the header document in Elementor. * Transparent / overlay header over a hero * Sticky header with desktop, tablet, and mobile toggles * Scroll offset, optional shrink, blur, border, shadow, and scrolled colors * Optional hide-on-scroll-down (desktop) #### Responsive hamburger and drawer Header Nav is responsive by default. Below the chosen breakpoint the horizontal menu becomes a **hamburger** that opens a **right-side drawer** (off-canvas side panel). * Collapse below **1200px**, **1024px** (default), or **767px** * Toggle icon and close icon (library or upload), plus toggle alignment * Full-height side panel with backdrop, close button, and Escape to dismiss * Style the drawer: width, padding, background, backdrop color, link colors * Preview live in Elementor by switching to tablet or mobile * A header template can also force this collapse under **Conditions & Settings** When a Woodebee header or footer is active, matching theme chrome is hidden with CSS selectors from **Woodebee Header Footer Settings**. #### Mega menus Mega panels are normal Elementor documents. They do **not** use display conditions. They appear only where you attach them. 1. Create a mega template (blank or starter). 2. Design the inside in Elementor. 3. Go to **Appearance Menus** and open a **top-level** item. 4. Under **Woodebee Mega Menu**, choose the panel. 5. Set **Panel width**: 6. * **Custom** (default 900px, 240–1920) — centered under that item * **Full width** — spans the navigation wrap 7. Optional badge and item icon class. Save the menu. Parent items with a dropdown or mega show a caret. Mega content uses **its own** Elementor typography, padding, and line-height — not the parent nav styles. Hover stays open while you move from the item into the panel. #### Starter layouts Install from the dashboard **Starter layouts** row, then restyle in Elementor. * **Studio header** — Logo left, nav center, gold CTA. Sticky-ready. * **Studio footer** — Brand column, Quick Links / Work With Me / Socials Icon Lists, legal bar. * **Gallery mega menu** — Light featured panel, three link columns, gold CTA. Best as Custom width (~980px). No remote images are bundled. Change copy, links, colors, and images after install. #### Elementor widgets Available in the **Woodebee HF** category while you edit a template. * **Site Logo** — custom image, Customizer logo, or site title * **Header Nav** — WordPress menu, mega panels, dropdowns, auto hamburger, off- canvas drawer, typography * **Header CTA** — gold / ink / ghost / outline button * **Copyright** — `{year}` and `{site}` tokens #### Settings & privacy * Toggle hiding the theme header and footer * Edit the CSS selectors used to hide theme chrome * Templates and settings stay on your WordPress site A longer walkthrough lives in `docs/DOCUMENTATION.md` inside the plugin folder. ## Installation 1. Install and activate Elementor. 2. Upload this plugin or install it from Plugins Add New. 3. Activate **Wbee Header Footer and Mega Menu Builder for Elementor**. 4. Open **Woodebee Header Footer** to create a header, footer, or mega menu. ## FAQ ### Does this work without Elementor? No. Elementor is required to edit templates. The plugin shows an admin notice until Elementor is active. ### Will my theme header still show? When a Woodebee header or footer is active, matching theme chrome is hidden using CSS selectors you can edit under Settings. Block themes such as Twenty Twenty-Five use `header.wp-block-template-part` instead of `#site-header`; those wrappers are hidden automatically. ### Are mega menus full width? Each menu item can use a custom width (centered under that item, default 900px) or full width of the navigation. Gallery starters work best at about 980px custom width. Editorial starters work best at full width. ### Why is my mega menu Inactive? Mega menus are Active only after you assign the panel to a WordPress menu item under** Appearance Menus**. They do not use display conditions. ### Can I edit the starter layouts? Yes. They are regular Elementor templates. Change text, links, and colors after install. ### Where do I assign a mega panel? Appearance Menus a top-level item Woodebee Mega Menu. Save the menu after you pick a template and width. ### How does the mobile menu work? Turn on **Responsive menu** on the Header Nav widget (it is on by default). Below the breakpoint a hamburger appears. Tapping it opens a right-side drawer with a backdrop. Style both under the widget **Toggle & drawer** tab. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Wbee Header Footer and Mega Menu Builder for Elementor” is open source software. The following people have contributed to this plugin. Contributors * [ Zihadul islam ](https://profiles.wordpress.org/rootdesign/) [Translate “Wbee Header Footer and Mega Menu Builder for Elementor” into your language.](https://translate.wordpress.org/projects/wp-plugins/wbee-hfm-builder-elementor) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/wbee-hfm-builder-elementor/), check out the [SVN repository](https://plugins.svn.wordpress.org/wbee-hfm-builder-elementor/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/wbee-hfm-builder-elementor/) by [RSS](https://plugins.trac.wordpress.org/log/wbee-hfm-builder-elementor/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.4.5 * Front-end mega menus now use the styles from the Elementor mega template (typography, spacing, buttons, layout). * Header Nav and starter-kit CSS no longer override a custom mega design. * Sticky header colors no longer recolor mega panel content after scroll. * Block themes such as Twenty Twenty-Five no longer show a double header or footer next to the Woodebee template. #### 1.4.0 * Renamed display name and slug for WordPress.org trademark compliance (does not begin with “woo”). * Slug / text domain: wbee-hfm-builder-elementor. * Kept “Tested up to” only in readme.txt. * Confirmed nonce and capability checks on admin/AJAX handlers. * Excluded WordPress.org directory banners/icons/screenshots from the plugin package. #### 1.3.9 * Added a generated POT template and WordPress script translations for admin JavaScript. * Hardened menu item metadata saving with explicit nonce verification. * Replaced file-mtime asset versions and removed reflection-based Elementor category reordering. * Updated “Tested up to” for WordPress 7.1 and cleaned Plugin Check packaging issues. #### 1.3.8 * Maintenance improvements for WordPress.org packaging readiness. #### 1.3.7 * Two mega menu starters: Gallery (light) and Editorial (dark). * Detailed documentation and WordPress.org screenshots. #### 1.3.6 * WordPress.org compliance: license headers, uninstall cleanup, sanitization, and translation domain. #### 1.3.5 * Mega menu custom and full width options. #### 1.3.4 * Load Elementor CSS for mega menus on non-Elementor pages. ## Meta * Version **1.4.5** * Last updated **23 hours ago** * Active installations **Fewer than 10** * WordPress version ** 6.0 or higher ** * Tested up to **7.1.4** * PHP version ** 7.4 or higher ** * Tags * [elementor addons](https://wordpress.org/plugins/tags/elementor-addons/)[Elementor footer](https://wordpress.org/plugins/tags/elementor-footer/) [Elementor header](https://wordpress.org/plugins/tags/elementor-header/)[elementor mega menu](https://wordpress.org/plugins/tags/elementor-mega-menu/) [header footer builder](https://wordpress.org/plugins/tags/header-footer-builder/) * [Advanced View](https://wordpress.org/plugins/wbee-hfm-builder-elementor/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/wbee-hfm-builder-elementor/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/wbee-hfm-builder-elementor/reviews/) ## Contributors * [ Zihadul islam ](https://profiles.wordpress.org/rootdesign/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/wbee-hfm-builder-elementor/)