Mega Menu - Squarespace 7.1
Mega menus simplify the user’s navigation experience by segmenting a large amount of information into more digestible sections. This Mega Menu plugin, which is technically a tutorial, shows you how to add multiple mega menus that are mobile-friendly, completely web-accessible, and include multiple customization options.
Unlike other mega menus, this one addresses all of the common usability concerns that can occur with mega menus.
Mega menus simplify the user’s navigation experience by segmenting a large amount of information into more digestible sections. This Mega Menu plugin, which is technically a tutorial, shows you how to add multiple mega menus that are mobile-friendly, completely web-accessible, and include multiple customization options.
Unlike other mega menus, this one addresses all of the common usability concerns that can occur with mega menus.
Mega menus simplify the user’s navigation experience by segmenting a large amount of information into more digestible sections. This Mega Menu plugin, which is technically a tutorial, shows you how to add multiple mega menus that are mobile-friendly, completely web-accessible, and include multiple customization options.
Unlike other mega menus, this one addresses all of the common usability concerns that can occur with mega menus.
What's included?
Helpful video installation guide
Code updates and bug fixes
Compatibility with all major browsers, including Chrome, Safari, and Firefox
Email help & support from the plugin creator
Requirements
Must have Squarespace 7.1 business plan or higher
The only elements allowed in the menu are text, links, and image blocks.
The plugin works it's magic by using folder URLs that end with the string '-mega', so your current folder URLs will be altered when you follow the instructional guide. Note that folder URLs do not actually create new landing pages for your Squarespace site, so changing them will not hurt your SEO.
See how this mega menu stacks up to others on the market
|
Best Value
This Mega Menu
|
Other Mega Menus
|
|
|---|---|---|
| Color customization | ||
| Color customization | ||
| Easy-to-install | ||
| Easy-to-install | ||
| Add multiple mega menus | ||
| Add multiple mega menus | ||
| Web-accessible | ||
| Web-accessible | ||
| No external libraries required | ||
| No external libraries required | ||
| Choose b/t click or hover on desktop | ||
| Choose b/t click or hover on desktop | ||
| Choose b/t full-width or non-full-width menus | ||
| Choose b/t full-width or non-full-width menus | ||
| Optional mobile menu groupings | ||
| Optional mobile menu groupings | ||
| Addresses common UX issues associated w/ mega menus | ||
| Addresses common UX issues associated w/ mega menus | ||
| Truly Responsive design | ||
| Truly Responsive design | ||
Optimize your main navigation's ease-of-use by grouping large amounts of user choices into a more user-friendly layout.
Optimized for a seamless desktop user experience.
You decide whether the mega menu appears on hover or click
Choose between full-width or non-full-width dropdown menus
Folder menus have dropdown indicators to signify a flyout menu can be opened
Accommodates multiple rows of menu content
Optimized for mobile views with optional menu groups
Easy implementation and customization of mobile menu content
Optimized for easy Scannability with bold menu group headers, or if you prefer no menu groupings, you can just as easily remove them to show a regular menu
Easily add menu content using native Squarespace elements
Customize menu content by adding text blocks, code blocks and images
Easily format the layout of your menu by drag n’ dropping Squarespace elements into rows
Implements accessible menu functionality for a more inclusive online browsing experience.
The mega menu appears on mouse click or via an optimized mouse hover functionality for a better user experience
Implements conventional keyboard shortcuts and functions for keyboard users
Menu items include appropriate ARIA and role attributes for assistive technologies
Watch the video installation guide
FAQs About this Plugin
-
You can customize the menu background colors, the colors of the menu items on both desktop and mobile, the font size of the menu items, and how the menus will be opened (on hover or on click).
-
You can add as many mega menus to your navigation as you want. I’ll show you how to add more than one in the tutorial video included with this plugin.
-
No. Folder URLs by default do not create new pages on your website. Instead, they automatically redirect to the first page in the folder menu (Source: Squarespace Support). Because of this, it is unlikely that changing the folder URLs will mess anything up with SEO.
I have personally tested whether folder URLs count towards SEO by Google on multiple sites in addition to my own, and none of them were even indexed, so changing folder URLs to accommodate this plugin is generally safe.
-
Mega menus are optimal for sites with a lot of menu content that is often too much for a regular dropdown menu.
They are most notably used in eCommerce sites with lots of categories and subcategories, and sites with large amounts of page content that need to be easily navigatable.
-
This plugin is not compatible with other mega menu plugins. If you are switching over from another mega menu plugin, you will need remove all files related to that plugin and replace them with the files you will get with the purchase of this plugin.
-
No, none of the plugins I create require external libraries. You will only need to use the files provided to you after your purchase.
-
No. this is strictly a Squarespace 7.1 plugin.
-
Sorry, but because of the digital nature of plugins, this product is non-refundable. However, I only want to help you succeed! If you are experiencing issues with this plugin, don’t hesitate to reach out via my contact page.
