Giuliomax Menu Builder

The easiest way: open any page or your site header in the editor, click the + inserter and search for MenuX — drop the block in and you're done, no code required. Prefer a shortcode? Just type [menux] into any page, post or widget. To show different menus in different spots (header, footer, sidebar…), pick the location from the block sidebar or pass it to the shortcode as [menux location="footer"].

Yes, genuinely free. Every feature described here — mega menus, the WooCommerce cart, 50 themes, the Announcement Bar with countdown, accessibility, Google Fonts, the Gutenberg block — is included with no paywall, no "upgrade now" banners inside the builder, no ads and no watermark on your menu. If the plugin saves you time, a small voluntary donation is welcome, but nothing is locked behind it.

No! Open the builder, click the 📋 Import WP tab, pick your existing menu from the dropdown and hit ↓ Import. All items — pages, custom links and one level of sub-items — land in the MenuX builder ready to style. It takes about ten seconds.

MenuX renders its own menu wherever you place the block or shortcode — it doesn't delete your theme's menu. To hide the old one: in FSE themes, remove the Navigation block from the header template part in the Site Editor; in classic themes, either use the WP Menu Integration panel (which intercepts wp_nav_menu() and replaces the theme menu output directly) or unassign the menu from the theme location in Appearance → Menus.

One configuration drives up to four menu locations: Primary, Footer, Sidebar and Mobile. Assign each item to a location in the builder, then place each menu with [menux location="footer"] or by picking the location in the block sidebar. Items default to Primary.

Yes — per-item page conditions let you show an item only on specific page IDs, and you can combine that with device, role, login-state, schedule and campaign (UTM) conditions. For structurally different menus in different areas, use the four locations (Primary / Footer / Sidebar / Mobile).

Open any item in the builder and find the 📂 Submenu section. Click + Add submenu, then + Add sub-item — each sub-item can be a WordPress page or a custom link, with its own label per language, icon and tab target. On desktop the submenu opens on hover; on mobile it expands inline when tapped. No code needed.

Open the item in the builder and enable the 🎯 CTA Button toggle. Four controls appear: background color, text color, hover color and border-radius (0 for square corners, 50 for a pill shape). The item renders as a real button in the menu bar — with a hover effect — and the styling survives theme changes and export/import.

Yes. Every item has a ⚙️ Schedule & Conditions section with a From/To date-time range — perfect for limited-time promo links. You can also restrict an item to a daily time window (e.g. show "Lunch Menu" only 12:00–15:00), and the window can even cross midnight for night-time businesses.

Yes. Each item has a visibility dropdown: everyone, logged-in only, logged-out only, or any specific WordPress role (Administrator, Editor, Subscriber, custom roles…). Great for member areas, client portals and "My Account" links that only appear after login.

Go to MenuX → Logo in the admin sidebar, upload or pick an image, then set its position inside the bar (left, center or right), width, height, margins and border-radius (handy for circular or pill-shaped logos). The logo appears immediately in the live preview.

Open MenuX → Style → Sticky and enable the sticky header. By default it mirrors your main menu's look ("Match main menu"); turn that off to give the sticky bar its own background, shadow, padding and alignment. You can also enable a shrink-on-scroll effect and an auto-hide behavior.

Enable it from the Search panel in the admin. A magnifying-glass icon is added to the menu; clicking it opens a modal with two tabs — search your menu items, or search the text on the current page with keyboard prev/next navigation.

Yes — and it couldn't be simpler. From Appearance → Editor, open the header template part, click the + inserter, search for MenuX, and drop the MenuX — Menu block where you want the navigation. Use the block sidebar to pick the menu location. Font Awesome icons, your configured Google Font, and the mega-menu / hamburger JavaScript all load correctly right inside the editor preview, so you see the real thing as you build.

Yes. In the WordPress block editor use the native MenuX block. In Elementor, Divi, WPBakery and other builders just add a Shortcode element with [menux] — both produce the same menu.

Yes. The menu HTML is generated server-side and compatible with WP Rocket, LiteSpeed Cache, W3 Total Cache and similar plugins.

In the menu builder, each item has an icon field. Type the FA class name, e.g. fa-solid fa-house, or use the 🎨 Pick button to browse and search icons visually. Font Awesome 6 Free is loaded automatically.

Yes. This plugin automatically detects installed multilingual plugins and lets you set a label per language for each menu item.

Go to MenuX → Style → Mobile and set your preferred pixel breakpoint, or choose Auto to detect based on available space. Default is 768px.

Yes. In Style → Hamburger → 🔤 Mobile link text you'll find three dedicated color pickers — Normal, Hover and Active — that apply only inside the mobile menu. Leave them empty to inherit your desktop menu colors.

That was your theme's own <button> styling bleeding through. Since version 3.5.0 the plugin forcefully resets the hamburger background to transparent on every theme — and if you set a custom background color, that wins too. Just update to the latest version; no configuration needed.

In the admin sidebar click ✨ Themes. Use the category chips (Dark, Minimal, Vibrant, Creative, Corporate, Nature, Elegant, Retro, Glass, Playful) to filter the 50 preset themes, then click any card to apply it instantly and preview it live.

Go to ⚡ Mega Menu in the sidebar, enable the toggle next to a first-level nav item, then click ⚡ Edit Columns ▶. Add up to 4 columns, fill them with headings, links (with icon and description), dividers, images or shortcodes. Click 🎨 Appearance to give this specific mega menu its own background, colors and spacing. Hit ✨ Presets to load one of 20 ready-made templates.

Go to MenuX → Announcement in the admin sidebar, check Enable Announcement Bar, enter your message, optionally add a link and configure the colors. Choose Above or Below to control where the bar appears relative to the navigation. To add a countdown, enable the Countdown Timer toggle, pick a target date/time and optionally set an expired message.

Yes, since version 3.0. Click ⚡ Edit Columns ▶ on any enabled item, then switch to the 🎨 Appearance tab. Changes apply only to that item's panel and override the global defaults.

Yes. The cart icon is part of the menu output, so it works with any theme whether you place the menu via the MenuX block or the [menux] shortcode. The mini-cart uses WooCommerce's native fragments system for live updates.

It works with classic PHP themes that call wp_nav_menu() directly (e.g. GeneratePress, OceanWP, Neve, Kadence). Themes that use a custom header builder (e.g. Astra Header Builder) bypass wp_nav_menu() internally, so the integration cannot intercept them — in that case just drop the MenuX block (or the [menux] shortcode) into your header instead.

No. Your menu items and styles are stored by the plugin, not by the theme. When you change theme the menu stays intact — you only need to place the block (or [menux] shortcode) again in the new theme's header.

Yes. Use Import / Export: export your full configuration (items, styles, mega menus, cart, announcement and all settings) to a JSON file, then import it on another site to recreate the menu exactly. It's also a convenient backup.

Yes. A single master toggle enables a full WCAG 2.2 AA layer: keyboard navigation, a visible focus ring, a skip link, ARIA labels, adequate touch-target sizes, reduced-motion support and a high-contrast mode.

No. The menu HTML and its CSS are generated server-side, Font Awesome is bundled locally (no external request), and Google Fonts load only if you actually choose one. There's no heavy framework, so the footprint stays light and caching-plugin friendly.

The plugin makes zero external requests by default: no tracking, no analytics, no cookies, no CDN calls — Font Awesome is bundled locally. The only optional external connection is Google Fonts, and only if you explicitly choose one in the Typography settings (in that case Google receives the visitor's IP as part of the standard font request — see the External Services section). With no Google Font selected, there is nothing to add to your privacy policy.

Yes. Go to MenuX → Tools → Reset Everything and confirm. This permanently deletes all menu items, styles and integration settings.

Deactivating keeps everything — you can toggle the plugin off and on without losing your setup. Deleting the plugin from the Plugins screen removes all its options and cached data from your database completely. If you might come back later, export your configuration to a file first — importing it restores everything exactly.

You can target the .menux-container wrapper and its child elements from your theme's stylesheet or from any "Additional CSS" field in the WordPress Customizer.

Go to MenuX → Footer in the admin sidebar. The Setup Wizard opens automatically on first visit — it walks you through four steps (layout, theme, content, bottom bar) and generates a complete footer in under a minute. After saving, add the MenuX — Footer Gutenberg block to your footer template part in the Site Editor, or paste [menux_footer] anywhere in a classic theme or page builder. The footer only renders when it is enabled.

Seven section types are available: About / Text (company description with line-break support), Link list (navigation links with optional new-tab targets), Contact info (address, phone and email — tel: and mailto: links are generated automatically), Social icons (14 networks: Facebook, Instagram, X, LinkedIn, YouTube, TikTok, Pinterest, GitHub, WhatsApp, Telegram, Discord, Spotify, Threads, Email), Opening hours (free-text lines), Newsletter signup (email form connecting to any external list manager), and Custom HTML (anything you want, sanitised through WordPress's wp_kses_post).

In the Footer Builder, add a Newsletter section and paste your list manager's form submission URL into the Form action URL field. For Mailchimp this is the URL from your embedded form code (the action="…" attribute). The plugin renders a standard HTML <form method="post"> with an email input named EMAIL. No API key, no server-side code — the browser POSTs directly to your list manager. The form is skipped if the action URL is left blank.

The Footer Builder page shows a Footer Themes grid with 8 curated palettes. Click any card to apply it instantly — all color inputs update and the live preview reflects the change. You can fine-tune every individual color after applying a theme. The selected theme is remembered across saves.

Yes. Each footer section card has a "Hide this column on mobile" toggle. Checked columns are hidden on screens 600 px wide and below; all columns remain visible on desktop. The live admin preview shows hidden columns with a faint amber outline so you can still see and edit them.

In MenuX → Footer → Style → Bottom Bar, check "Show scroll-to-top button" and save. A floating ↑ button (in your accent color) will appear on the page after the visitor scrolls 300 px down, and smooth-scrolls back to the top on click. It has no effect inside the Gutenberg editor preview.

Yes. Every section card in the builder has a ⧉ (duplicate) button in its header row. Clicking it inserts an exact copy of that section immediately below, including all its content (links, social networks, text, etc.), which you can then edit independently.