Mega Menu Builder

Overview

Build a horizontal navigation bar that expands into full-width panels containing category columns, featured product cards, and promotional banners. The mega menu is driven by content manageable in your platform's admin, supports keyboard navigation and screen readers, and degrades gracefully to a mobile hamburger drawer.

When to Use This Skill

• When a store has 3+ top-level categories, each with significant sub-categories
• When the navigation needs to surface promotional content (seasonal banners, featured products) alongside category links
• When rebuilding navigation as part of a storefront redesign
• When the current dropdown menu is not accessible to keyboard or screen reader users
• When navigation content needs to be managed by a merchandiser without code deploys

Core Instructions

Step 1: Determine the merchant's platform and choose the right approach