Features

  • Five base designs (mega menu, dropdown, vertical tabs, cards, minimal) and five ready-to-go presets built from your own categories
  • Panels with columns you add, resize and fill visually: links, subcategories, a product, banners, text and pages, with images and backgrounds
  • Actions that follow your catalog: add the subcategories of a category, show the first product of a category, the newest or the best seller
  • Panels that open under the item, contained, full width or full screen, with a flyout submenu on hover or tabs that open on hover
  • Normal, sticky, fixed or over the page (transparent until it scrolls), with a mobile version in a left or right drawer or full screen
  • Made for SEO and speed: a real nav with real links in the HTML, CSS-only hover, about 4 KB of CSS and 2 KB of JavaScript
  • A pro editor with live preview, phone and tablet views, undo and redo, and every color, size and animation editable
  • Part of the Aura theme: a Main menu panel in the Theme Editor’s Studio (position, colors, behavior, mobile) and the menu included in the export and import of a shop’s look

Design the main menu of your shop without touching code. Start from one of five presets, built from your own categories in every language, then change anything.

Panels made of columns. Add columns to an item, drag the edge of a column to resize it and drag blocks between columns. Blocks: links (with a flyout submenu), the subcategories of a category, a product, a banner image with caption and button, text, and CMS pages. Give a panel a background image or color.

Actions that follow the catalog. A subcategories block lists the categories under any category, one or two levels deep, with their images if you want. A product block shows a chosen product, the first of a category, the newest or the best seller, with its price and a button. When the catalog changes, the menu does.

Where and how it opens. Panels open under the item, contained, full width or full screen, on hover (with a small delay) or on click. The bar can be normal, sticky, fixed, or over the page and transparent until it scrolls. Colors, fonts, spacing, corners, shadow and animation are all settings.

Mobile. Below the breakpoint you choose, the menu becomes a burger with a left drawer, a right drawer or a full screen menu, with an accordion for the panels.

Light and good for SEO. A real nav with real links in the HTML (panels are not injected by script), hover and focus that work with CSS alone, no headings inside the navigation, lazy images with fixed proportions, and about 4 KB of CSS and 2 KB of JavaScript gzipped, loaded only where the menu is.

With the Theme Editor. Mega Menu Pro comes with the Aura theme. Its settings appear in the Studio with a live preview, and the menu, with its banners and images, travels with the export and import of the whole look of a shop.

Version history

  1. Loading…

Reviews

Loading…