{"id":245,"date":"2016-03-16T07:28:51","date_gmt":"2016-03-16T07:28:51","guid":{"rendered":"https:\/\/grooni.com\/docs\/groovy-menu\/?page_id=245"},"modified":"2016-03-16T07:28:51","modified_gmt":"2016-03-16T07:28:51","slug":"mega-menu-styles","status":"publish","type":"page","link":"https:\/\/grooni.com\/docs\/groovy-menu\/preset-settings\/styles\/mega-menu-styles\/","title":{"rendered":"Mega menu styles"},"content":{"rendered":"<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-26\" src=\"https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2016\/03\/menu_settings-Mega_menu_styles.png\" alt=\"menu_settings-Mega_menu_styles\" width=\"1351\" height=\"644\" srcset=\"https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2016\/03\/menu_settings-Mega_menu_styles.png 1351w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2016\/03\/menu_settings-Mega_menu_styles-300x143.png 300w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2016\/03\/menu_settings-Mega_menu_styles-768x366.png 768w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2016\/03\/menu_settings-Mega_menu_styles-1024x488.png 1024w\" sizes=\"(max-width: 1351px) 100vw, 1351px\" \/><\/p>\n<h2><b>Mega menu canvas and container width<\/b><\/h2>\n<p><span style=\"font-weight: 400\">This option allows you to adjust canvas and container as per \u201cMenu canvas and container width\u201d setting.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Available options:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Canvas and container boxed<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Canvas wide \u2013 container boxed<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Canvas and container wide<\/span><\/li>\n<\/ul>\n<h3><b>Canvas and container boxed<\/b><\/h3>\n<p><span style=\"font-weight: 400\">The option adjusts both megamenu canvas and container to fixed width. For example if is set to 1200px then canvas will be 1200px and container 1170px.<\/span><\/p>\n<h3><b>Canvas wide &#8211; container boxed<\/b><\/h3>\n<p><span style=\"font-weight: 400\">The option adjusts mega menu canvas equal to viewport width and container to fixed width.<\/span><\/p>\n<h3><b>Canvas and container wide<\/b><\/h3>\n<p><span style=\"font-weight: 400\">The option adjusts both megamenu canvas and container full width. Note: According to canvas padding container, it will be smaller to that padding.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mega menu canvas and container width This option allows you to adjust canvas and container as per \u201cMenu canvas and &hellip; <a href=\"https:\/\/grooni.com\/docs\/groovy-menu\/preset-settings\/styles\/mega-menu-styles\/\">Read more &rarr;<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":221,"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\/245"}],"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=245"}],"version-history":[{"count":0,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/245\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/221"}],"wp:attachment":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/media?parent=245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}