Ruby Mega Menu

Ruby Menu Builder mirrors the familiar layout of WordPress's classic menu editor — nothing new to learn. No third-party theme builders, no nested shortcode puzzles, no dependency on a separate page-builder ecosystem.

Drag, drop, configure. Every menu type — classic dropdowns, mega layouts, blog cards, shop grids — is authored in the same predictable interface.

Ruby Menu auto-detects your theme's registered menu locations. One checkbox tells it where to appear — the rest is handled for you.

For Full Site Editing themes, a single shortcode drops the menu anywhere in the site editor. Menu width, menu height, and wrapper styles are all configurable from the settings panel — no custom code required.

Traditional dropdowns done right. Up to three levels of nesting, each sub-level opens to the left or right with a single checkbox — no need to wrestle with CSS when your menu is close to the edge of the viewport.

Pick a WordPress category, choose a layout — 4-column, 3-column, 2-column, or article list — and Ruby Menu generates a live, self-updating mega panel. Vertical tabs on the left, posts on the right.

Post count, title length, and excerpt length are all adjustable per layout. Your menu stays current without a single manual edit.

Any mega menu column can be replaced with a single clickable image — perfect for seasonal campaigns, featured collections, or visual call-outs.

Or combine a header image with a linked list below it, selected straight from your WordPress media library.

Add a thumbnail and a short description next to each menu item. Ideal for product category navigation, service catalogues, or any list where imagery adds context.

A 6-wide column with a single list feels empty. Place two or three lists side-by-side inside it instead — Ruby Menu handles the sub-column grid internally, keeping your visual rhythm balanced even in generous layouts.

A curated icon library is built into every menu item editor. Click to browse, click to assign. No font-awesome class names to memorize, no copy-paste dance.

Mark any top-level menu item as right-aligned. Sub-menus and mega panels beneath it automatically re-orient to open correctly — no CSS overrides, no broken viewports.

A 1024-pixel breakpoint swaps to a touch-optimized mobile menu — tested against every major theme we could find. Above the breakpoint, carefully selected intermediate breakpoints keep mega layouts readable from tablet to 4K.

Every text element in the menu — top-level links, dropdown items, blog nav, post titles, meta, excerpts — is individually configurable. Family, size, weight, all exposed in a clean typography panel.

Control how many posts appear in auto-pulled menus. Cap title length, cap excerpt length — per layout. Small knobs that make the difference between a menu that fits and a menu that spills.

Select any image from the WordPress media library to display as your site logo directly inside the menu bar — no extra theme modifications, no custom header files.

Toggle on the WooCommerce cart indicator and Ruby Menu wires it into your store automatically. Click the icon to preview the cart contents — right from the menu bar.