A Squarespace Mega Menu That Builds Itself From Your Dropdowns

If your menu has grown into a long row of Dropdowns (what many people still call Folders), your visitors are doing a lot of hovering and guessing. Each Dropdown opens a skinny list of page names with no hint of what's behind them, and on a phone it's a tap, a slide, a back button, and another tap.

You shouldn't have to hire a designer to fix that. It's a menu problem, and it has a tidy fix.

Why Big Squarespace Menus Lose People

Squarespace Dropdowns are great for keeping a header clean. They're not great at explaining anything.

  • Page names alone don't sell. "Services" and "Resources" tell people where a page is, not why they'd want it.

  • One list at a time. Visitors can't see your whole offer at a glance, so they open three Dropdowns before they find the right page - or they leave.

  • Phones make it worse. Each Dropdown slides to its own screen, so it's easy to get lost.

  • Your best page gets buried. There's no spot in a native Dropdown for "start here" or "this weekend only".

What Mega Menu Does

The Mega Menu plugin takes the Dropdowns you already have and lays them out as one clean panel under your header.

Every Dropdown Becomes a Column

Each Dropdown title turns into a column heading, and the pages inside it become its links. Prefer smaller menus? Switch it so each Dropdown opens its own panel instead.

A Short Line Under Each Link

Add a one-line description under any link, so visitors know what they'll find before they click.

A Featured Card and a Button

Point people at your best page with a photo card, and keep a booking or contact button right in the menu - where people are already looking.

A Phone Menu That Doesn't Get Lost

On phones, groups open with a tap, right in place. Your card and button stay pinned to the bottom of the screen, so the next step is always one tap away.

It Looks Like Your Site, Not a Plugin

The panel picks up your header colours, fonts and buttons on its own, with a soft see-through, frosted look so it feels like part of your header.

You Keep Editing in Squarespace

This is the part we care about most. There's no special code to learn and no separate menu builder.

  • Add, rename or reorder links in the Pages panel, like you always have. The mega menu follows.

  • Descriptions, the card and the button live on one hidden page you edit with normal Squarespace text, image and button blocks.

  • The look - hover or click, columns, card side, colours, see-through amount, animation and phone options - comes down to changing a word in one short, plain-English settings list.

And if anything ever goes wrong, your normal Squarespace menu simply shows instead, so visitors can still get around.

Built to Be Easy for Everyone

Mega menus can be a headache for people who don't use a mouse. This one isn't.

  • Works with the keyboard: Tab, Enter, arrow down and Esc all do what you'd expect

  • Clear focus outlines so keyboard users can see where they are

  • Calmer motion for visitors who've asked their device for less animation

Installing Mega Menu

  1. Make sure your menu is grouped into Dropdowns in the Pages panel (you may already have this).

  2. Paste one block of code into Code Injection and click Save.

  3. Open your live site and hover over a Dropdown - your mega menu is there.

  4. Optional: add descriptions, a featured card and a button on one hidden page, whenever you're ready.

Full step-by-step instructions and copy-paste code arrive after purchase, written so a complete beginner can follow along. Rather we handle it? Add installation at checkout and we'll set it up and test it on desktop and phone.

What You Need

  • A Squarespace 7.1 site

  • A Core, Plus or Advanced plan (or an older Business or Commerce plan) - Basic and Personal plans don't include Code Injection

  • At least one Dropdown in your menu

Licensing

This plugin uses our standard single-site license. Need it on more sites? Add Unlimited Sites for $59 CAD more. Already have a single-site license? Upgrade to Unlimited Sites. For the full terms, see Licenses and Use Types.

Get Mega Menu

$59 CAD for one site. Get Mega Menu

Want to see it first? See it working on Log Cabin Digital's own site menu. Your install uses your own Squarespace Dropdowns.

Not sure a mega menu is the right fix, or want your whole navigation rethought? Book a call and we'll talk it through. And if you'd rather never think about your site's upkeep again, our Care Plans look after it every month.

Next
Next

Squarespace vs Shopify for Canadian Shops