Giuliomax Menu Builder

Caathetan Owahan

3.1.0

• Elementor compatibility — mega menu panels now correctly escape Elementor columns that use overflow:hidden; the JavaScript walks up the DOM on open and restores overflow values on close, so the panel is fully visible and receives mouse events correctly
• Entrance animation z-index fix — themes with CSS entrance animations (Indigo Pulse: slideDown, Cosmic Dusk: fadeIn, Violet Cloud, Aurora Night, Ocean Electric, Cloud Glass) no longer trap the mega panel inside a stacking context; changed animation-fill-mode from both to backwards so no transform/opacity is retained after the animation ends, and added an animationend listener to remove the animation rule entirely
• Nav bar right padding — WooCommerce cart icon and search icon no longer sit flush against the right edge of the menu bar; the container now applies the same horizontal padding on the right side as the link items use internally (minimum 8 px)
• Mega menu border-radius — per-item border-radius now applies only to the two bottom corners of the panel, eliminating the visual gap between the nav bar and the panel top edge

3.0.0

• Per-item mega menu appearance — each mega menu now has its own independent 🎨 Appearance tab inside the editor modal with full control over: background (solid color, 12 gradient presets or a custom gradient builder with direction selector and two color pickers), padding top/bottom, padding left/right, column gap, border radius, font size, link color, heading color, accent/icon color, link hover color, description color, divider color and divider style (solid/dashed/dotted); settings are saved per item and generate scoped CSS so each mega menu panel renders with a completely independent look; a “↺ Reset to global defaults” button clears all overrides for that item
• Redesigned Mega Menu admin panel — the item list now shows clear ON/OFF status badges (green ⚡ ON / grey OFF) for each first-level nav item; items in OFF state show a dashed “＋ Enable Mega Menu” call-to-action button; items in ON state show the “⚡ Edit Columns ▶” primary button, a Full Width checkbox and a “✕ Disable” link; the editor modal adds 📋 Content and 🎨 Appearance tab buttons in the toolbar for switching between the column editor and the per-item style panel
• Sidebar reorganisation — ⚡ Mega Menu moved into the Structure group (alongside Menu Structure) since it configures what is in the menu, not how it looks; 🖼️ Logo moved into the Style group (below Colors) since it is a visual/brand setting; ✨ Themes added as a first-class sidebar entry at the top of the Style group for immediate discoverability
• Themes panel accessible directly from sidebar — clicking ✨ Themes in the sidebar now opens the theme grid immediately without requiring a form save first; buildInlineThemeGrid() is called both on DOMContentLoaded and on every navigation to the Themes section
• Descriptive empty-menu state — the builder sidebar empty state now shows a helpful message with a clickable link (“→ Go to Menu Structure”) rather than just “Empty menu”
• Live preview empty state — the live preview also shows an informative message referencing Menu Structure when no items have been added

2.12.0

• New: Duplicate Column button in the mega menu editor — clone any column (including all its items) and insert it right after the original; disabled automatically when the 4-column maximum is reached.
• New: Column text alignment controls (L / C / R) in the mega menu editor — set per-column alignment for links and headings; stored as a column-level property and rendered via data-align CSS selectors.
• New: Mega menu divider color and style settings — choose a custom color for column dividers and headings border, and select between solid, dashed or dotted line styles.
• New: Mega menu open/close animation speed control — configure the panel transition duration (0–800 ms) from the Panel Appearance settings.

2.11.0

• New: Dedicated Mega Menu text styling, independent from the main Colors section — separate controls for heading, link, link hover and description colors, plus the existing panel background.
• New: Per-item heading and link color overrides in the mega menu editor (alongside the existing description color).
• Improved: All 12 mega menu preset templates now ship with professional, high-contrast color palettes tuned to each template’s panel background, so they look polished out of the box regardless of the theme or main menu colors.
• Fix: Mega menu text no longer borrows colors from the main navigation; applying a preset now also applies its colors end-to-end.

2.10.0

• WooCommerce integration — adds a cart icon to the menu with a live item-count badge, an optional cart subtotal, and a mini-cart dropdown showing the current cart contents; the count, total and mini-cart refresh instantly when products are added, with no page reload, via WooCommerce’s native add-to-cart fragments
• Cart icon options — choose between cart, bag or basket icons; place the cart on the left or right of the menu; customise the icon and count-badge colors; optionally hide the cart while it’s empty
• Mini-cart behavior — open the dropdown on hover (with automatic tap-to-open on touch devices), on click, or disable it so the icon links straight to the cart page; closes on outside-click and Escape
• Multi-instance & block safe — every cart icon on the page (header, footer, multiple Gutenberg blocks) updates together; works in classic themes via the shortcode and in FSE themes via the giuliomax/menu block
• Graceful fallback — when WooCommerce is not installed the feature stays completely silent; the settings panel remains available and shows a notice
• Import/Export parity — the new cart settings are included in configuration export and restored on import

2.9.0

• Native Gutenberg block (giuliomax/menu) — adds a dynamic block registered via register_block_type() + block.json; the render_callback delegates entirely to the existing menux_render_shortcode() function so no HTML is duplicated; the shortcode, WP Menu Integration and all other existing features are completely unchanged
• FSE / Site Editor support — the block works in Full Site Editing themes (e.g. Twenty Twenty-Five): drag it into any header template part from the Site Editor; the enqueue_block_editor_assets hook ensures Font Awesome 6, the configured Google Font, and the dynamic theme CSS are loaded inside the editor’s iframe; the mega-menu and hamburger JS initialise correctly in the template-preview iframe
• InspectorControls sidebar — a SelectControl in the block sidebar lets you pick the menu location (Primary, Footer, Sidebar, Mobile); live preview updates via ServerSideRender using the REST block-renderer endpoint
• Multi-instance ID safety — when two or more giuliomax/menu blocks appear on the same page, structural element IDs are automatically suffixed with a unique instance counter
• No new build toolchain — the editor script is plain vanilla JS registered directly via wp_register_script(); no @wordpress/scripts, Webpack or npm required

2.8.0

• Sticky mirror — new “Match main menu” toggle (on by default) makes the sticky bar inherit all styles from the main menu automatically; custom options shown when mirror is disabled
• Container border-radius — new field in Layout → Spacing to round the corners of the menu container
• Page Load Animation — renamed from “Entrance Animation” with improved UX; duration/delay/stagger controls hidden when “None” is selected
• Logo in live preview — the admin live preview now shows the configured logo at the correct position; updates immediately without a save
• Mega Menu preset modal — the template grid was clipped after the first row; the grid wrapper now scrolls independently so all 12 templates are reachable

2.7.0

• Help & Documentation modal — a full-screen contextual help overlay accessible from every section via the ❓ Help button; 12 sections covering every panel and field, navigable via a sidebar
• Section persistence after save — saving settings returns the admin to the same panel section the user was in rather than jumping to the top

2.6.5

• Rock-solid search modal — the open/close click handler now runs unconditionally at page load, independent of any JS configuration flag
• Full deferred-script support — the plugin JS now detects whether the DOM is already parsed when the script executes; if an optimisation plugin adds defer, the init runs immediately

2.6.2

• Visual gradient picker for container background — a fully mouse-driven widget: live preview strip, Linear / Radial type toggle, 8-direction compass rose, 0–360° fine-tune slider, two native colour pickers

2.6.0

• Accordion menu builder — collapsible per-item editor with clearly labelled sections; streamlined Add pane; polished drag-and-drop rows

2.5.0

• Google Font picker — searchable dropdown with 70+ fonts, lazy typeface preview, live update
• Onboarding tutorial — floating 🐝 bee mascot auto-starts on first visit and guides through 4 steps
• Search bar — moved to free tier; Menu tab + In-page search tab with full keyboard navigation

2.4.1

• Accessibility master toggle — all WCAG features disabled by default, activated with a single switch
• Close button color config — color pickers for the × close button in Fullscreen/Drawer modes

2.4.0

• Added complete Accessibility settings panel (WCAG 2.2 AA): keyboard navigation, focus ring, skip link, ARIA, touch targets, reduced motion, high-contrast, focus trap in mobile overlay

2.3.5

• Added 12 demo templates for the Mega Menu editor — load a full column layout in one click

2.3.2

• Mega Menu: gradient background picker with 12 presets and custom gradient builder; font size, link color, heading color and accent/icon color controls; icon picker for all item types; drag & drop reordering

2.3.0

• Introduced Mega Menu — full-width column panels for first-level nav items (free); up to 4 columns, 5 item types, mobile support

2.2.0

• Added 20 preset themes, link border-radius, submenu styling, WP Menu Integration, full Reset button

2.1.1

• Initial release — builder, 4 mobile modes, sticky, scroll progress bar, entrance animations, import/export, multilingual