Elementor<\/a>.<\/p>\n\nTheme Builder dashboard<\/h4>\n\n
Open Woodebee Header Footer<\/strong> in the WordPress admin.<\/p>\n\n\n- Separate boards for Header<\/strong>, Footer<\/strong>, and Mega Menu<\/strong><\/li>\n
- Create, duplicate, and delete templates<\/li>\n
- Edit with Elementor<\/strong> in one click<\/li>\n
- Header and footer Activate \/ Deactivate<\/strong><\/li>\n
- Header and footer Conditions & Settings<\/strong><\/li>\n
- Mega menus show Active<\/strong> when assigned to a menu item, Inactive<\/strong> when they are not<\/li>\n<\/ul>\n\n
Display conditions (headers & footers)<\/h4>\n\n
Each header and footer can include and exclude pages. If several templates match, the most specific rule wins, then Priority<\/strong>.<\/p>\n\n\n- Entire website, homepage, singular, archives, search, 404<\/li>\n
- Audience: everyone, logged in, or logged out<\/li>\n
- WooCommerce (when WooCommerce is active): shop, products, categories, cart, checkout, My account<\/li>\n<\/ul>\n\n
Sticky, overlay, and responsive header<\/h4>\n\n
Set these on Conditions & Settings<\/strong> or in the header document in Elementor.<\/p>\n\n\n- Transparent \/ overlay header over a hero<\/li>\n
- Sticky header with desktop, tablet, and mobile toggles<\/li>\n
- Scroll offset, optional shrink, blur, border, shadow, and scrolled colors<\/li>\n
- Optional hide-on-scroll-down (desktop)<\/li>\n<\/ul>\n\n
Responsive hamburger and drawer<\/h4>\n\n
Header Nav is responsive by default. Below the chosen breakpoint the horizontal menu becomes a hamburger<\/strong> that opens a right-side drawer<\/strong> (off-canvas side panel).<\/p>\n\n\n- Collapse below 1200px<\/strong>, 1024px<\/strong> (default), or 767px<\/strong><\/li>\n
- Toggle icon and close icon (library or upload), plus toggle alignment<\/li>\n
- Full-height side panel with backdrop, close button, and Escape to dismiss<\/li>\n
- Style the drawer: width, padding, background, backdrop color, link colors<\/li>\n
- Preview live in Elementor by switching to tablet or mobile<\/li>\n
- A header template can also force this collapse under Conditions & Settings<\/strong><\/li>\n<\/ul>\n\n
When a Woodebee header or footer is active, matching theme chrome is hidden with CSS selectors from Woodebee Header Footer \u2192 Settings<\/strong>.<\/p>\n\nMega menus<\/h4>\n\n
Mega panels are normal Elementor documents. They do not<\/strong> use display conditions. They appear only where you attach them.<\/p>\n\n\n- Create a mega template (blank or starter).<\/li>\n
- Design the inside in Elementor.<\/li>\n
- Go to Appearance \u2192 Menus<\/strong> and open a top-level<\/strong> item.<\/li>\n
- Under Woodebee Mega Menu<\/strong>, choose the panel.<\/li>\n
- Set Panel width<\/strong>:\n\n
\n- Custom<\/strong> (default 900px, 240\u20131920) \u2014 centered under that item<\/li>\n
- Full width<\/strong> \u2014 spans the navigation wrap<\/li>\n<\/ul><\/li>\n
- Optional badge and item icon class. Save the menu.<\/li>\n<\/ol>\n\n
Parent items with a dropdown or mega show a caret. Mega content uses its own<\/strong> Elementor typography, padding, and line-height \u2014 not the parent nav styles. Hover stays open while you move from the item into the panel.<\/p>\n\nStarter layouts<\/h4>\n\n
Install from the dashboard Starter layouts<\/strong> row, then restyle in Elementor.<\/p>\n\n\n- Studio header<\/strong> \u2014 Logo left, nav center, gold CTA. Sticky-ready.<\/li>\n
- Studio footer<\/strong> \u2014 Brand column, Quick Links \/ Work With Me \/ Socials Icon Lists, legal bar.<\/li>\n
- Gallery mega menu<\/strong> \u2014 Light featured panel, three link columns, gold CTA. Best as Custom width (~980px).<\/li>\n<\/ul>\n\n
No remote images are bundled. Change copy, links, colors, and images after install.<\/p>\n\n
Elementor widgets<\/h4>\n\n
Available in the Woodebee HF<\/strong> category while you edit a template.<\/p>\n\n\n- Site Logo<\/strong> \u2014 custom image, Customizer logo, or site title<\/li>\n
- Header Nav<\/strong> \u2014 WordPress menu, mega panels, dropdowns, auto hamburger, off-canvas drawer, typography<\/li>\n
- Header CTA<\/strong> \u2014 gold \/ ink \/ ghost \/ outline button<\/li>\n
- Copyright<\/strong> \u2014
{year}<\/code> and {site}<\/code> tokens<\/li>\n<\/ul>\n\nSettings & privacy<\/h4>\n\n\n- Toggle hiding the theme header and footer<\/li>\n
- Edit the CSS selectors used to hide theme chrome<\/li>\n
- Templates and settings stay on your WordPress site<\/li>\n<\/ul>\n\n
A longer walkthrough lives in docs\/DOCUMENTATION.md<\/code> inside the plugin folder.<\/p>\n\n\n\n- Install and activate Elementor.<\/li>\n
- Upload this plugin or install it from Plugins \u2192 Add New.<\/li>\n
- Activate Wbee Header Footer and Mega Menu Builder for Elementor<\/strong>.<\/li>\n
- Open Woodebee Header Footer<\/strong> to create a header, footer, or mega menu.<\/li>\n<\/ol>\n\n\n
\nDoes this work without Elementor?<\/h3><\/dt>\nNo. Elementor is required to edit templates. The plugin shows an admin notice until Elementor is active.<\/p><\/dd>\n