{"id":138,"date":"2016-03-15T13:38:30","date_gmt":"2016-03-15T13:38:30","guid":{"rendered":"https:\/\/grooni.com\/docs\/groovy-menu\/?page_id=138"},"modified":"2019-01-25T12:37:58","modified_gmt":"2019-01-25T12:37:58","slug":"creating-mega-menu","status":"publish","type":"page","link":"https:\/\/grooni.com\/docs\/groovy-menu\/appearance-settings\/creating-mega-menu\/","title":{"rendered":"Creating mega menu"},"content":{"rendered":"<p>Mega menu is a dropdown\u00a0that can contain much more information than a common dropdown. It can take up the full width of the screen and contain\u00a0up to 10 columns at one row. It also\u00a0can contain any content created with <a href=\"https:\/\/grooni.com\/docs\/groovy-menu\/menu-blocks\/\" target=\"_blank\" rel=\"noopener\">Menu blocks<\/a>.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-890\" src=\"https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2019\/01\/screenshot-groovymenu.grooni.com-2019.01.25-15-08-32.jpg\" alt=\"\" width=\"1895\" height=\"759\" srcset=\"https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2019\/01\/screenshot-groovymenu.grooni.com-2019.01.25-15-08-32.jpg 1895w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2019\/01\/screenshot-groovymenu.grooni.com-2019.01.25-15-08-32-300x120.jpg 300w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2019\/01\/screenshot-groovymenu.grooni.com-2019.01.25-15-08-32-768x308.jpg 768w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2019\/01\/screenshot-groovymenu.grooni.com-2019.01.25-15-08-32-1024x410.jpg 1024w\" sizes=\"(max-width: 1895px) 100vw, 1895px\" \/><\/p>\n<h2><strong>Activating mega menu<\/strong><\/h2>\n<p>Navigate to\u00a0<code>Appearance &gt; Menus &gt; Menu Structure<\/code>\u00a0and expand menu item. Then set the checkbox\u00a0<code>Mega menu<\/code>\u00a0to true<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-891\" src=\"https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2019\/01\/screenshot-groovymenu.grooni.com-2019.01.25-15-13-55.jpg\" alt=\"\" width=\"1436\" height=\"716\" srcset=\"https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2019\/01\/screenshot-groovymenu.grooni.com-2019.01.25-15-13-55.jpg 1436w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2019\/01\/screenshot-groovymenu.grooni.com-2019.01.25-15-13-55-300x150.jpg 300w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2019\/01\/screenshot-groovymenu.grooni.com-2019.01.25-15-13-55-768x383.jpg 768w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2019\/01\/screenshot-groovymenu.grooni.com-2019.01.25-15-13-55-1024x511.jpg 1024w\" sizes=\"(max-width: 1436px) 100vw, 1436px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>See Also:<\/h3>\n<div class=\"tile-wrapper\">\r\n  <div class=\"tile\">\r\n    <a href=\"adding-titles-to-menu-columns\/\" class=\"tile-link\">\r\n      <span class=\"tile-icon-box\">\r\n        <i class=\"fa fa-navicon\"><\/i>\r\n      <\/span>\r\n      <h2 class=\"tile-title\">Adding titles to menu columns<\/h2>\r\n    <\/a>\r\n  <\/div>\r\n  <div class=\"tile\">\r\n    <a href=\"creating-mega-menu-columns-without-title\/\" class=\"tile-link\">\r\n      <span class=\"tile-icon-box\">\r\n        <i class=\"fa fa-columns\"><\/i>\r\n      <\/span>\r\n      <h2 class=\"tile-title\">Remove mega menu title<\/h2>\r\n    <\/a>\r\n  <\/div>\r\n  <div class=\"tile\">\r\n    <a href=\"setting-number-of-columns\/\" class=\"tile-link\">\r\n      <span class=\"tile-icon-box\">\r\n        <i class=\"fa fa-sort-numeric-asc\"><\/i>\r\n      <\/span>\r\n      <h2 class=\"tile-title\">Setting number of columns<\/h2>\r\n    <\/a>\r\n  <\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Mega menu is a dropdown\u00a0that can contain much more information than a common dropdown. It can take up the full &hellip; <a href=\"https:\/\/grooni.com\/docs\/groovy-menu\/appearance-settings\/creating-mega-menu\/\">Read more &rarr;<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":131,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/138"}],"collection":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/comments?post=138"}],"version-history":[{"count":0,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/138\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/131"}],"wp:attachment":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/media?parent=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}