{"id":355311,"date":"2026-08-28T17:46:19","date_gmt":"2026-08-28T17:46:19","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/header-footer-mega-menu-builder-for-elementor\/"},"modified":"2026-08-28T17:45:44","modified_gmt":"2026-08-28T17:45:44","slug":"cc-header-footer-and-mega-menu-builder-for-elementor","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/cc-header-footer-and-mega-menu-builder-for-elementor\/","author":23134324,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.1.0","stable_tag":"1.1.0","tested":"7.1","requires":"6.2","requires_php":"7.4","requires_plugins":null,"header_name":"CC Header, Footer & Mega Menu Builder for Elementor","header_author":"sharifok","header_description":"Header Footer & Mega Menu Builder for Elementor & WooCommerce. Build custom headers, footers and mega menus with display rules, sticky header and include\/exclude conditions.","assets_banners_color":"7466cc","last_updated":"2026-08-28 17:45:44","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/cc-header-footer-and-mega-menu-builder-for-elementor\/","header_author_uri":"https:\/\/codercreation.com\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":33,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.1.0":{"tag":"1.1.0","author":"sharifok","date":"2026-08-28 17:45:44","revision":3670755}},"upgrade_notice":{"1.0.0":"<p>Initial release. Install and activate to start building custom headers, footers, and mega menus in Elementor.<\/p>"},"ratings":[],"assets_icons":{"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":3670755,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.gif":{"filename":"banner-1544x500.gif","revision":3670755,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.1.0"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Plugin dashboard \u2014 manage header and footer templates","2":"Header template creation modal with display conditions","3":"Elementor editor with header template open","4":"Sticky header and scroll animation settings panel","5":"Mega menu layout built inside Elementor"}},"plugin_section":[],"plugin_tags":[177797,278113,131620,6276,10213],"plugin_category":[],"plugin_contributors":[278114,232002],"plugin_business_model":[],"class_list":["post-355311","plugin","type-plugin","status-publish","hentry","plugin_tags-elementor-header","plugin_tags-elementor-megamenu","plugin_tags-header-footer-builder","plugin_tags-mega-menu","plugin_tags-sticky-header","plugin_contributors-codercreation","plugin_contributors-sharifok","plugin_committers-sharifok"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/cc-header-footer-and-mega-menu-builder-for-elementor\/assets\/icon-256x256.gif?rev=3670755","icon_2x":"https:\/\/ps.w.org\/cc-header-footer-and-mega-menu-builder-for-elementor\/assets\/icon-256x256.gif?rev=3670755","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>Header Footer &amp; Mega Menu Builder for Elementor<\/strong> is the all-in-one solution for building professional headers, footers, and mega menus directly inside Elementor \u2014 without writing a single line of code.<\/p>\n\n<p>Whether you are building a business website, WooCommerce store, blog, or portfolio, this plugin gives you full design control over every part of your site's navigation and layout.<\/p>\n\n<h4>Why Choose Header Footer &amp; Mega Menu Builder for Elementor?<\/h4>\n\n<p>Most WordPress websites need a custom Elementor header, a matching Elementor footer, and a flexible mega menu \u2014 but managing three separate plugins creates bloat, conflicts, and extra maintenance. This plugin solves that by combining all three into one lightweight, focused tool.<\/p>\n\n<ul>\n<li><strong>Custom Elementor Header Builder<\/strong> \u2014 Design any header layout with Elementor's drag-and-drop editor<\/li>\n<li><strong>Custom Elementor Footer Builder<\/strong> \u2014 Build footers with full widget support and conditional display<\/li>\n<li><strong>Mega Menu Builder<\/strong> \u2014 Create multi-column dropdown and mega menu layouts inside Elementor<\/li>\n<li><strong>Sticky Header<\/strong> \u2014 Keep your header fixed at the top as visitors scroll down<\/li>\n<li><strong>Scroll Animation Effects<\/strong> \u2014 Add smooth header transition effects on scroll<\/li>\n<li><strong>Smart Display Conditions<\/strong> \u2014 Assign different headers and footers to different pages, posts, and post types<\/li>\n<\/ul>\n\n<h4>Header Builder Features<\/h4>\n\n<ul>\n<li>Create unlimited Elementor header templates<\/li>\n<li>Set headers globally across the entire site<\/li>\n<li>Assign page-specific headers using display conditions<\/li>\n<li>Exclude the header from specific pages<\/li>\n<li>Enable sticky header behavior \u2014 header stays visible while scrolling<\/li>\n<li>Add scroll animation effects for a polished header transition<\/li>\n<li>Edit display conditions directly from the template list<\/li>\n<\/ul>\n\n<h4>Elementor Footer Builder Features<\/h4>\n\n<ul>\n<li>Build custom Elementor footer templates with full widget support<\/li>\n<li>Set site-wide or page-specific footer conditions<\/li>\n<li>Assign footers to specific post types, archive pages, or WooCommerce pages<\/li>\n<li>Exclude the footer from any page<\/li>\n<li>Manage all footer templates from the WordPress dashboard<\/li>\n<\/ul>\n\n<h4>Mega Menu and Navigation Features<\/h4>\n\n<ul>\n<li>Build advanced mega menu layouts directly inside Elementor<\/li>\n<li>Create multi-column dropdown menus without extra plugins<\/li>\n<li>Add navigation menu widgets with flexible styling options<\/li>\n<li>Design responsive navigation menus that work on all devices<\/li>\n<li>Full typography, color, spacing, and hover controls<\/li>\n<\/ul>\n\n<h4>Sticky Header and Scroll Effects<\/h4>\n\n<ul>\n<li>Enable sticky header so it stays visible at all times<\/li>\n<li>Smooth scroll animation keeps the header transition polished<\/li>\n<li>Improves user experience on long-scrolling pages<\/li>\n<li>Works independently \u2014 enable sticky without animation or vice versa<\/li>\n<\/ul>\n\n<h4>Smart Display Conditions<\/h4>\n\n<ul>\n<li>Entire site \u2014 apply a header or footer globally<\/li>\n<li>All blog posts \u2014 target the full post archive<\/li>\n<li>All archive pages \u2014 category, tag, and taxonomy archives<\/li>\n<li>All WooCommerce products \u2014 requires WooCommerce active<\/li>\n<li>All WooCommerce pages \u2014 cart, checkout, shop, and account pages<\/li>\n<li>Specific pages \u2014 include or exclude individual pages<\/li>\n<\/ul>\n\n<h4>Included Elementor Widgets<\/h4>\n\n<ul>\n<li><strong>Navigation Menu Widget<\/strong> \u2014 Fully customizable responsive menu with dropdown support<\/li>\n<li><strong>Mega Menu Widget<\/strong> \u2014 Fully customizable responsive mega menu with dropdown support<\/li>\n<li><strong>Site Logo Widget<\/strong> \u2014 Display your site logo with responsive size controls<\/li>\n<li><strong>Icon Button Widget<\/strong> \u2014 Create modern icon-based call to action buttons<\/li>\n<li><strong>Top Bar Widget<\/strong> \u2014 Add contact info, social icons, or announcements above the header<\/li>\n<li><strong>Copyright Widget<\/strong> \u2014 Add dynamic copyright text with auto year in the footer<\/li>\n<\/ul>\n\n<h4>Who This Plugin Is For<\/h4>\n\n<ul>\n<li>Freelancers and agencies building client websites in Elementor<\/li>\n<li>WooCommerce store owners who need a custom header and footer<\/li>\n<li>Bloggers who want sticky header behavior without a page builder theme<\/li>\n<li>Developers who want a clean, maintainable solution for navigation design<\/li>\n<li>Anyone who wants to replace multiple plugins with one focused tool<\/li>\n<\/ul>\n\n<h4>Benefits<\/h4>\n\n<ul>\n<li>One plugin replaces multiple header, footer, and mega menu tools<\/li>\n<li>Faster setup \u2014 no theme files to edit, no coding required<\/li>\n<li>Works with Elementor Free and Elementor Pro<\/li>\n<li>Compatible with all major WordPress themes including Astra and OceanWP<\/li>\n<li>Semantic HTML output for better SEO and accessibility<\/li>\n<li>Lightweight \u2014 only loads assets where needed<\/li>\n<\/ul>\n\n<h3>License<\/h3>\n\n<p>Header Footer &amp; Mega Menu Builder for Elementor is licensed under the GNU General Public License v2 or later (https:\/\/www.gnu.org\/licenses\/gpl-3.0.html).<\/p>\n\n<h3>Credits<\/h3>\n\n<p>Developed by <a href=\"https:\/\/codercreation.com\/\">Coder Creation<\/a>.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin folder to the <code>\/wp-content\/plugins\/<\/code> directory.<\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> menu in WordPress.<\/li>\n<li>Go to the plugin dashboard in the WordPress admin.<\/li>\n<li>Click <strong>Add New Header Template<\/strong> or <strong>Add New Footer Template<\/strong>.<\/li>\n<li>Set your display conditions and click <strong>Create<\/strong>.<\/li>\n<li>Design your header or footer inside Elementor and publish.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"do%20i%20need%20elementor%20pro%20to%20use%20this%20plugin%3F\"><h3>Do I need Elementor Pro to use this plugin?<\/h3><\/dt>\n<dd><p>No. This plugin works with both the free version of Elementor and Elementor Pro.<\/p><\/dd>\n<dt id=\"can%20i%20use%20a%20different%20header%20on%20different%20pages%3F\"><h3>Can I use a different header on different pages?<\/h3><\/dt>\n<dd><p>Yes. You can create multiple header templates and assign each one using display conditions \u2014 by page, post type, archive, or WooCommerce section.<\/p><\/dd>\n<dt id=\"does%20the%20sticky%20header%20work%20without%20scroll%20animation%3F\"><h3>Does the sticky header work without scroll animation?<\/h3><\/dt>\n<dd><p>Yes. Sticky header and scroll animation are independent features. You can enable either one or both together.<\/p><\/dd>\n<dt id=\"can%20i%20build%20a%20mega%20menu%20with%20this%20plugin%3F\"><h3>Can I build a mega menu with this plugin?<\/h3><\/dt>\n<dd><p>Yes. Currently you can make mega menu for desktop version using mega menu widgets. And make it hide for below the desktop devices and use normal navigation for responsive. The plugin includes a navigation menu widget and mega menu layout tools built directly inside Elementor.<\/p><\/dd>\n<dt id=\"does%20this%20plugin%20work%20with%20woocommerce%3F\"><h3>Does this plugin work with WooCommerce?<\/h3><\/dt>\n<dd><p>Yes. You can assign specific headers and footers to WooCommerce product pages, shop pages, cart, and checkout pages.<\/p><\/dd>\n<dt id=\"will%20this%20plugin%20slow%20down%20my%20website%3F\"><h3>Will this plugin slow down my website?<\/h3><\/dt>\n<dd><p>No. The plugin uses conditional asset loading \u2014 CSS and JavaScript are only loaded on pages where the plugin is active.<\/p><\/dd>\n<dt id=\"which%20themes%20is%20this%20plugin%20compatible%20with%3F\"><h3>Which themes is this plugin compatible with?<\/h3><\/dt>\n<dd><p>The plugin works with all standard WordPress themes including Astra, OceanWP, Hello Elementor, GeneratePress, and others.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Fixed: Elementor inline CSS output now uses wp_add_inline_style() instead of direct echo \u2014 resolves WP.org escaping requirement<\/li>\n<li>Fixed: Mobile mega menu now displays correctly using position:fixed to bypass parent overflow:hidden<\/li>\n<li>Fixed: Mega menu responsive breakpoint now detected via JavaScript so Elementor editor preview also switches correctly<\/li>\n<li>Fixed: Mobile menu items with assigned mega menu templates now show expand arrow and accordion behavior<\/li>\n<li>Fixed: Mobile Walker depth increased to 3 so sub-menu items render in the accordion<\/li>\n<li>Fixed: Admin menu position moved from 21 to 58 to avoid competing with core WordPress items<\/li>\n<li>Fixed: Hardcoded placeholder text and modal labels wrapped with esc_attr_e() and esc_html_e()<\/li>\n<li>Fixed: Broken defined() check on class constant replaced with class_exists() in upgrade routine<\/li>\n<li>Fixed: ABSPATH check moved before use statements in mega-menu widget<\/li>\n<li>Fixed: Null-check added for get_current_screen() in admin footer callback<\/li>\n<li>Added: Mobile menu style controls \u2014 background, shadow, border, radius, padding, max-height, item tabs<\/li>\n<li>Added: Mega menu desktop item normal\/hover tab controls for background color<\/li>\n<li>Added: Mega menu panel responsive padding control<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<li>Elementor header template builder with display conditions<\/li>\n<li>Elementor footer template builder with display conditions<\/li>\n<li>Sticky header support<\/li>\n<li>Scroll animation effect for headers<\/li>\n<li>Mega menu and navigation menu widget<\/li>\n<li>Site Logo, Top Bar, Icon Button, and Copyright widgets<\/li>\n<li>WordPress admin dashboard for template management<\/li>\n<\/ul>","raw_excerpt":"Build custom Elementor headers, footers, and mega menus with sticky header effects and smart display conditions \u2014 no coding required.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/355311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=355311"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/sharifok"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=355311"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=355311"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=355311"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=355311"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=355311"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=355311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}