Giuliomax Menu Builder

常见问题

How do I display the menu?

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"].

Is it really free? Are there ads, watermarks or upsells?

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.

I already built my menu in Appearance → Menus. Do I have to start over?

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.

Does it replace my theme’s menu? How do I hide the old one?

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.

How many menus can I create?

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.

Can I have different menus for different pages?

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).

How do I create dropdown submenus?

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.

How do I turn a menu item into a button (“Book Now”, “Get Started”)?

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.

Can I schedule menu items to appear and disappear automatically?

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.

Can I show items only to logged-in users or specific roles?

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.

How do I add a logo?

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.

How do I make the menu stick to the top when scrolling?

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.

How do I add a search bar?

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.

Does it work in Full Site Editing (FSE) themes like Twenty Twenty-Five?

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.

Does it work with page builders?

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.

Does it work with caching plugins?

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

How do I add Font Awesome icons?

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.

Is it compatible with WPML / Polylang / TranslatePress?

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

Where is the mobile breakpoint?

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

Can the mobile menu text have different colors than desktop?

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.

The hamburger button has a dark or grey background on my theme — why?

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.

How do I use the preset themes?

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.

How does the Mega Menu work?

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.

How do I add an Announcement Bar?

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.

Can I have a different background for each mega menu?

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.

Does the WooCommerce cart work with all themes?

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.

Does the WP Menu Integration work with all themes?

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.

Will I lose my menu if I switch themes?

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.

Can I move my menu to another website?

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.

Is the menu accessible?

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.

Will it slow down my site?

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.

Is it GDPR compliant?

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.

Can I reset everything and start fresh?

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

What happens to my data if I uninstall the plugin?

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.

Can I use custom CSS?

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.

How do I add a footer to my site?

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.

What section types does the Footer Builder support?

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).

How do I connect the newsletter section to Mailchimp / ConvertKit / Brevo?

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.

How do I choose a footer theme?

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.

Can I show different columns on desktop and mobile?

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.

How do I add a scroll-to-top button?

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.

Can I duplicate a footer section?

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.