{"id":5001,"date":"2018-10-05T10:34:34","date_gmt":"2018-10-05T05:04:34","guid":{"rendered":"https:\/\/www.hiddentechies.com\/blog\/?p=5001"},"modified":"2020-03-13T15:57:46","modified_gmt":"2020-03-13T10:27:46","slug":"set-up-mega-menu-in-shopify","status":"publish","type":"post","link":"https:\/\/www.hiddentechies.com\/blog\/shopify\/set-up-mega-menu-in-shopify\/","title":{"rendered":"How to set up a Mega Menu in Shopify"},"content":{"rendered":"<p>Set up<strong> Mega Menu in Shopify<\/strong> is easy task to perform. You can set Mega menu to group the products, collection of the products. It easier for customer to navigate your Shopify Store.<\/p>\n<p>You can build <strong>Mega Menu<\/strong> in your Shopify admin by creating or moving menu items so they are <strong>nested <\/strong>below a top-level item. The top level item appears in the main menu on your Shopify Store, and the nested menu items display in a drop-down menu.<\/p>\n<p>You can nest menu items up to three levels deep.<\/p>\n<p class=\"ht-sub-heading\">To setup Mega Menu in Shopify, follow some basic steps.<\/p>\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li>Go to your Shopify admin, go to <strong>Online Store &gt; Navigation.<\/strong><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5006\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/08\/navigation.png\" alt=\"mega-menu-shopify\" width=\"223\" height=\"289\" \/><\/p>\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li>Click on <strong>ADD MENU<\/strong> button.<\/li>\n<li>Add Title and Menu items.\n<ul>\n<li>Here you will add the item that appeared as Main Menu.<\/li>\n<\/ul>\n<\/li>\n<li>Choose one of the menu items to be the header for your Mega menu, or add a new menu item to be the header.\n<ul>\n<li>Here, select the item in which you want to add Mega Menu. For example: We want to add Mega Menu under the <strong>MEN<\/strong> category.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5010\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/08\/select-category-1.png\" alt=\"mega-menu-shopify\" width=\"651\" height=\"437\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/08\/select-category-1.png 651w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/08\/select-category-1-300x201.png 300w\" sizes=\"(max-width: 651px) 100vw, 651px\" \/><\/p>\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li>Now click on <strong>ADD MENU ITEM<\/strong> button and add some items into menu.\n<ul>\n<li>Click and drag the menu items to nest below the header item.<\/li>\n<li>For Example: We add the items in menu and then by the drop-down action, these items set under the <strong>MEN<\/strong> category.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5012\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/08\/mega-menus-shopify.png\" alt=\"mega-menus-shopify\" width=\"677\" height=\"931\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/08\/mega-menus-shopify.png 677w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/08\/mega-menus-shopify-218x300.png 218w\" sizes=\"(max-width: 677px) 100vw, 677px\" \/><\/p>\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li>You can add nest menu items up to three levels deep.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5041\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/08\/shopify-mega-menu-1.gif\" alt=\"shopify-mega-menu\" width=\"656\" height=\"540\" \/><\/p>\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li>Click on <strong>SAVE MENU<\/strong> button. Here you can see how mega menu is look like.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5015\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/08\/Mega-Menu.png\" alt=\"mega-menu-shopify\" width=\"1319\" height=\"557\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/08\/Mega-Menu.png 1319w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/08\/Mega-Menu-300x127.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/08\/Mega-Menu-768x324.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/08\/Mega-Menu-1024x432.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/08\/Mega-Menu-800x338.png 800w\" sizes=\"(max-width: 1319px) 100vw, 1319px\" \/><\/p>\n<hr \/>\n<p class=\"ht-sub-heading\">SUMMARY:<\/p>\n<p>A nice thing about the Mega Menu is that you can set up many mega menu as you like in your Shopify Store! If you still have any doubts, feel free to ask in comments and we\u2019ll reply as soon as possible.<\/p>\n<p>Try Shopify for free! Get a 14 days trial. <a class=\"more-link\" href=\"https:\/\/www.shopify.com\/?ref=hiddentechies\" target=\"_blank\" rel=\"noopener noreferrer\">Try it Free<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Set up Mega Menu in Shopify is easy task to perform. You can set Mega menu to group the products, collection of the products. It easier for customer to navigate your Shopify Store. You can build Mega Menu in your Shopify admin by creating or moving menu items so they are nested below a top-level&#8230; <\/p>\n<div class=\"actions\"><a href=\"https:\/\/www.hiddentechies.com\/blog\/shopify\/set-up-mega-menu-in-shopify\/\">Continue Reading<\/a><\/div>\n","protected":false},"author":1,"featured_media":5040,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,301,304,302,2],"tags":[477,307,311,310],"_links":{"self":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/5001"}],"collection":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/comments?post=5001"}],"version-history":[{"count":19,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/5001\/revisions"}],"predecessor-version":[{"id":10632,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/5001\/revisions\/10632"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media\/5040"}],"wp:attachment":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media?parent=5001"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/categories?post=5001"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/tags?post=5001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}