Generate Collapsible Mega Menu

What This Sidekick Query Does

Create a mega menu navigation block:

Desktop layout:

  Full-width dropdown on hover
  Multi-column layout (2-4 columns)
  Featured image/banner in one column
  Collection/page links in other columns
  Column headings
  Promotional text or badge


Mobile layout:

  Accordion-style expandable menus
  Tap to expand/collapse
  Back button for sub-levels
  Full-screen overlay


Settings:

  Menu items (from Shopify navigation)
  Number of columns per dropdown
  Featured image per menu item
  Promotional banner (image + link)
  Dropdown background color
  Animation style (fade/slide)
  Column heading style


Requirements:

  Smooth open/close animations
  Keyboard accessible (Tab, Enter, Escape)
  Click-outside to close
  Works with Shopify’s navigation system
  Mobile-first responsive design


Generate as a theme block.

Expected Output

Tips to Improve Results