Your Cart is Empty

by Michael P. Hill November 02, 2016

In addition to its blazing fast speed, the new Turbo Shopify theme boasts tons of other features designed to make it the most flexible and versatile Shopify theme out there.

This post is the first in a series that will take a look at these features — one at a time — and how they can be used to create a successful Shopify store.

To kick off the series, we’ll take a look at one of the most requested Shopify theme features that was added to the Turbo Shopify theme — the mega menu.

The whole idea of a mega menu is to make browsing the shop easier, by giving shoppers faster access to specific sections of a store that might have a large number of collections, categories or other content.

Mega menus offer the advantage of displaying, at least on the desktop version of the site, many more navigation options and menu links that customers can scan and glance over to find the one closest to what they’re looking for. This would be instead of them having only a small number of vague or generic menu links to select from, and then perhaps taking three or more clicks to sift through a large collection in the hopes of finding their product of interest

There are a myriad strategies on how to utilize and set up your mega menus and many of the details for doing so in Turbo are covered fully in this support article.

Here are some highlights:

Single 'shop' link in main nav

Mega menu in Shopify

  • Use a single “shop” or “products” navigation link in your primary navigation bar that on hover displays a secondary mega menu showing multiple columns with the various categories your store offers.
  • For example, a clothing retailer could create columns for “Men,” “Women,” “Children” or other similar top level categories.
  • Then, create sub-categories such as “Tops,” “Pants” or “Shoes” under each one.
  • This approach does add an additional “layer” to your navigation, but can be effective if you want a cleaner look or need to emphasize other content at the main navigation level.
  • This approach does open up the top level of your navigation bar for spotlighting other content, such as your blog, information about your store and other links.
  • For a super clean look, consider limiting your top level menu items to just a small handful.

Broad categories in main nav

Mega menu in Shopify theme

  • Another option is to place your primary categories in the main navigation bar — so “Men,” “Women” and “Children” would be visible as soon as the page loads.
  • This then opens up the ability to use the headings of each column in the mega menu panel as your “subcategory” with “sub-sub categories” under each one.
  • For example, the headings in this scenario could become “Mens Tops,” “Mens Pants” or “Mens Shoes” while the links under, “Mens Tops,” for example, “T-Shirts,” “Sweaters” and “Dress.”
  • This mega menu layout can also be very effective if your store carries a wide range of unrelated products since it creates a more delineated approach to your site setup.
  • This approach could result in a more cluttered look, but also can be more effective in getting browsers to dive into shopping faster.
  • To reduce potential clutter and maximize screen real estate, choose “under logo” as your menu position and use only a single main menu.
  • When using this method, keep in mind you'll need to give your column names unique names — such as "Mens Tops" in our example as opposed to just "Tops" because otherwise the theme will duplicate menus under in undesierable locations.

Other uses


Shopify theme blog mega menu

  • Don’t forget your mega menu can also be a great way to better promote your blog content.
  • If you host more than one blog on your store, a mega menu is a perfect way to make this more obvious.
  • Trying creating a top level navigation item titled “Blog” with a column for each blog. Then, under each one, you could include links to tags within that blog to better categorize your content. To do this, you’ll need to use the “Web address” option under your navigation admin panel and enter the URL in this format: /blogs/ blog-handle/tagged/ tag-handle (replacing “blog-handle” and “tag-handle” with the corresponding handle).
  • Another creative use of the links under each column can be to spotlight your latest posts or most popular ones. This will require manually creating links each time you update your blog, but it’s a great way to get more readers to see your content.
  • If you only have one blog, consider using the columns to label posts as “Latest,” “Most Popular” and “Featured.” You can then create a manual Web address link under each one to spotlight content as you want.

‘About’ content

Shopify theme mega menu layout

  • Megu menus are also a great way to better organize content that gives background information about your store and business.
  • For example, a single “About” top level menu item can be broken down into columns for “Our Story,” “Meet the Team” and “Quality.”
  • Each of these columns then could have a link to a more specific part of your “About” content — such as “History” and “Mission” under “Our Story” and individual staffer pages under “Meet the Team.”

Customer service oriented content

Shopify theme with built in mega menu

  • Another great use for a mega menu is to give customers better access to support and related information such as policies, FAQs or other information.
  • A good strategy for this is to create a “Help” top level link with columns for topics such as “Customer Support,” “Policies” and “FAQs.”
  • Each of these, in turn, could be used to break down this content into more specific topics, such as “Contact Us” and links to your social media profiles under “Customer Support” and your shipping, privacy or other policies under the column of the same name. For FAQs, consider breaking down your content into separate pages that each address specific areas such as shipping, product information and policies.
Michael P. Hill
Michael P. Hill

Michael P. Hill is a Shopify, Shopify theme, content marketing, digital marketing and product management expert based in Chicago. Follow him on Twitter at @michaelphill or connect on LinkedIn.

Need Support?

Please don't post support questions or issues as a comment on this thread, as we may not be able to process it in a timely manner. Instead, please visit our Help Center to browse frequently asked questions or submit a support request directly to our team.

1 Response

Matt Magi
Matt Magi

November 02, 2016

Mega menus are becoming a must in stores these days. I highly suggest to learn how to use them, this is a great article. Using mega menus really helps simplify the user experience for your customers. Looking forward to trying out this theme.

Also in Shopify Theme Blog

Anatomy of a product page: Creating more advanced layouts
Anatomy of a product page: Creating more advanced layouts

by Michael P. Hill July 25, 2017 0 Comments

Although premium Shopify themes offer more and more layout options on product pages, there are some surprisingly easy ways you can achieve some intricate layouts that make your product pages more engaging. In this post, you'll learn the secrets to creating dynamic layouts, including sample code.
Read More
Announcing Parallax 3.3: Now with lazy loading, 'smart' images, new section page and more
Announcing Parallax 3.3: Now with lazy loading, 'smart' images, new section page and more

by Michael P. Hill July 19, 2017 0 Comments

Out of the Sandbox is excited to announced the release of Parallax 3.3, the latest version of our popular  Parallax Shopify theme . Many of these features are designed to improve your site's performance and speed, while others are completely new features.
Read More
Anatomy of a Shopify theme product page: Adding to your pages
Anatomy of a Shopify theme product page: Adding to your pages

by Michael P. Hill July 13, 2017 0 Comments

While a traditional product page features the product image, name, description and add to cart button all high up on the page, many  Shopify themes  have the option to create longer, more engaging product pages that educate shoppers and give them more insight into your company and items.
Read More
News & Updates

Sign up to get the latest on sales, new releases and more …