Hamburger Mega Menu Plugin for Squarespace 7.1 | Fullscreen Overlay Auto Images Auto Colors

$25.00

The Only Squarespace Hamburger Menu That Fills Itself With Your Content Automatically

  • Fullscreen 3-Column Overlay nav panel, image content center, featured aside premium on every screen

  • Zero Configuration installs from your existing Squarespace navigation, nothing to rebuild

  • Auto Color Detection reads your theme, adapts overlay background, text, borders, and fonts instantly

  • Auto Image Fetching retrieves photos from your pages via the Squarespace API automatically

  • Blog Panel shows your latest posts with thumbnails, dates, and article labels automatically

  • Shop Panel shows your latest products with images and prices automatically

  • Scrolling Ticker animated message bar at the bottom, fully editable for your brand

  • CTA Button your actual Squarespace header button, colors matched automatically

  • Mobile Accordion on phones, folders expand with animated image grids inside each section

  • Works on Every Template Fluid Engine, all 7.1 templates, dark/light/colored headers

  • One-Time Purchase no subscriptions, no monthly fees, no renewals

  • 2-Minute Install paste Header code, paste Footer code, save. Done.

The Only Squarespace Hamburger Menu That Fills Itself With Your Content Automatically

  • Fullscreen 3-Column Overlay nav panel, image content center, featured aside premium on every screen

  • Zero Configuration installs from your existing Squarespace navigation, nothing to rebuild

  • Auto Color Detection reads your theme, adapts overlay background, text, borders, and fonts instantly

  • Auto Image Fetching retrieves photos from your pages via the Squarespace API automatically

  • Blog Panel shows your latest posts with thumbnails, dates, and article labels automatically

  • Shop Panel shows your latest products with images and prices automatically

  • Scrolling Ticker animated message bar at the bottom, fully editable for your brand

  • CTA Button your actual Squarespace header button, colors matched automatically

  • Mobile Accordion on phones, folders expand with animated image grids inside each section

  • Works on Every Template Fluid Engine, all 7.1 templates, dark/light/colored headers

  • One-Time Purchase no subscriptions, no monthly fees, no renewals

  • 2-Minute Install paste Header code, paste Footer code, save. Done.

FEATURES

Everything you need. Nothing you don’t.

A hamburger menu is not just a button. It is your entire brand the moment someone opens it, they decide if they trust you. Most Squarespace hamburger menu plugins give you a text list. Your navigation items, stacked vertically, plain. Maybe you can change the font size. That is it.

The Squarespell Hamburger Mega Menu is a completely different product. When a visitor clicks the hamburger icon on your Squarespace 7.1 site, a premium fullscreen overlay opens animated, image-rich, and structured. Three columns fill the screen:

Left Column Navigation

Your existing pages and folders appear as animated items with icons, subtitles, and a staggered entrance animation. The currently active page is highlighted automatically.

Center Column Content.

Folders become image card grids photos automatically fetched from your linked pages, numbered, with hover animations. Blog pages show your latest posts with thumbnails and dates. Shop pages show your latest products with images and prices.

Right Column Aside.

A featured latest blog post card, a featured latest shop product card, and a Quick Access list of the pages your visitors need most.

At the bottom a custom scrolling ticker. Edit the text to match your brand messages, promotions, or values.

How it's different from Other Hamburger Menu:

Plugin requires you to create a Not Linked page in Squarespace and build your menu content inside it using blocks. You add image blocks manually. You set CSS variables for colors. You maintain this page separately from your actual navigation. It is a framework you design not a plugin that designs itself.

Squarespell reads your actual navigation. Your pages are the content. Your brand is the design. You do nothing except paste two code blocks.

Squarespace hamburger mega menu plugin installation — paste two code snippets into Code Injection in 2 minutes

Trusted by 12,000+ Squarespace websites

★★★★★
3 weeks ago

"The Smart Filter Pro plugin is exactly what my store needed. Customers can now filter by colour, size and price without any coding. Sales went up noticeably in the first week after installing it."

LG
Luke Gannon
Squarespace Store Owner
✓ Verified
★★★★★
1 month ago

"I use the Mega Menu plugin across all my client sites now. Setup takes under 10 minutes and it auto-matches the site's colours perfectly. Clients are always impressed and think I built it from scratch."

EC
Elisa Carlotti
Squarespace Designer
✓ Verified
★★★★★
2 weeks ago

"Bought the Horizontal Scroll plugin and the instructions were crystal clear. Had it running in minutes with no developer needed. My portfolio section finally looks as good as I imagined it."

RD
R. Diehl
Marketing Consultant
✓ Verified
★★★★
5 weeks ago

"The template I purchased looked great right out of the box. Customising it to my brand took a couple of hours. Would have been 5 stars but I had a small issue with the mobile menu — support fixed it same day though."

IA
Iabukar A.
Online Store Owner
✓ Verified
★★★★★
2 months ago

"Support replied within a few hours when I had a question about the filter plugin on my Business plan. They walked me through it step by step. Genuinely impressive service for a one-time purchase at this price."

JV
Johan Vansch
Squarespace Circle Member
✓ Verified
★★★★★
1 month ago

"The Infinite Carousel plugin transformed my homepage completely. Visitors are spending much longer on the site and I've seen a real increase in enquiries since adding it. Best £25 I've spent on my business."

EB
Emese Beleznai
Brand Strategist
✓ Verified
★★★★★
3 weeks ago

"Purchased the coaching template and it was live on my domain the same afternoon. The layout is clean, the mobile version is flawless and I got my first new enquiry through it within 48 hours of going live."

VX
Vexya
Wellness Coach
✓ Verified
★★★★★
6 weeks ago

"I've been using Squarespace for years and always hit the same limitations. The Mega Menu plugin finally solved my navigation problem. It detected my fonts and colours automatically — zero manual adjustment needed."

MB
Mercedes Bradley
Photographer
✓ Verified
★★★★★
2 weeks ago

"Had the Mega Menu plugin live in under 10 minutes on my client's site. It pulled in the exact brand colours automatically and looked like it was custom built. My client was completely blown away."

LN
Lonnie N.
Small Business Owner
✓ Verified
★★★★★
1 month ago

"The Smart Filter Pro plugin saved me hours every week. My customers find products faster and my average order value has gone up since they started discovering items they wouldn't have found otherwise."

BH
Beth Hunter
Virtual Assistant
✓ Verified
★★★★★
3 weeks ago

"I've now bought three templates from Squarespell for different client projects. Each one is polished, well structured and takes minutes to set up. My clients genuinely think I spent weeks designing them."

KA
Kalle A.
Freelance Web Designer
✓ Verified
★★★★★
6 weeks ago

"The code is genuinely lightweight. I ran PageSpeed before and after adding the filter plugin and my score barely moved. For a SaaS founder performance is everything — this is the only plugin I trust on Squarespace."

TB
T. Bonovitch
SaaS Founder
✓ Verified
★★★★★
2 months ago

"As a web designer I'm picky about quality. Every plugin from Squarespell works exactly as described, looks great across all screen sizes, and needs zero tweaking after install. I recommend them to every client."

GN
Gionata N.
Web & Brand Designer
✓ Verified
★★★★★
5 weeks ago

"I tried two other filter plugins before this one. Both were clunky and broke my store layout. Smart Filter Pro detected all my product variants automatically on first load. This is now the only one I use."

FM
Freemanace
E-commerce Owner
✓ Verified
★★★★★
1 month ago

"Not a developer at all but the installation guide was so clear I had no issues. My course site looks completely professional now. I've already had students comment on how polished and easy to navigate it is."

PR
Pragya R.
Coach & Course Creator
✓ Verified

FAQ

Common questions answered

  • No. The installation is two copy-paste steps: paste the Header code into the Header box in Code Injection, paste the Footer code into the Footer box. Save. The hamburger menu is live immediately. Most customers are done in under 2 minutes.

  • Yes this is unique to the Squarespell plugin. It reads your Squarespace CSS variables at load time and automatically detects your background color, text color, heading fonts, and body fonts. The overlay adapts instantly. Dark site gets dark overlay. Orange site gets an orange-tinted overlay. You never touch a CSS variable.

  • The plugin fetches them automatically from your Squarespace pages using the Squarespace API. When a folder in your navigation is opened, the plugin retrieves the hero image from each linked page and displays it as a card. No manual image selection or upload required.

  • Other plugin requires you to create a separate Not-Linked page in Squarespace and build the menu content using Squarespace blocks. You add images manually, set CSS color variables, and maintain this page separately from your navigation. Squarespell reads your actual existing navigation and content automatically there is nothing to design or maintain. It also costs $5 less ($20 vs $25).

  • One-time purchase. $45 for a single-site license, $95 for unlimited sites. No monthly fees, no renewals, no subscriptions. Pay once and it works forever.

  • Yes. On mobile devices, the overlay opens as a fullscreen accordion menu. Folders expand with animated image card grids. All navigation links, your logo, social icons, and the CTA button are included. It is fully tested on iOS Safari and Android Chrome.

  • The ticker is a horizontal scrolling bar at the bottom of the fullscreen overlay. It displays short text messages promotions, brand values, announcements. The text is fully editable inside the Header code block. Default text is provided to get you started.

  • Business plan or higher, which is required for Code Injection access. The plugin does not work on Personal (Basic) plans.

Still have a question? Email us →

ALSO FROM SQUARESPELL

More plugins to power your Squarespace site