{"id":207,"date":"2016-03-16T06:53:30","date_gmt":"2016-03-16T06:53:30","guid":{"rendered":"https:\/\/grooni.com\/docs\/groovy-menu\/?page_id=207"},"modified":"2016-03-16T06:53:30","modified_gmt":"2016-03-16T06:53:30","slug":"setting-menu-canvas-and-container-width","status":"publish","type":"page","link":"https:\/\/grooni.com\/docs\/groovy-menu\/preset-settings\/general-settings\/general\/setting-menu-canvas-and-container-width\/","title":{"rendered":"Setting menu canvas and container width"},"content":{"rendered":"<p><img loading=\"lazy\" class=\"alignnone wp-image-36 size-full\" src=\"https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2016\/03\/menu_settings-Setting_menu_canvas_and_container_width.png\" alt=\"menu_settings-Setting_menu_canvas_and_container_width\" width=\"1351\" height=\"644\" srcset=\"https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2016\/03\/menu_settings-Setting_menu_canvas_and_container_width.png 1351w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2016\/03\/menu_settings-Setting_menu_canvas_and_container_width-300x143.png 300w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2016\/03\/menu_settings-Setting_menu_canvas_and_container_width-768x366.png 768w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2016\/03\/menu_settings-Setting_menu_canvas_and_container_width-1024x488.png 1024w\" sizes=\"(max-width: 1351px) 100vw, 1351px\" \/><\/p>\n<p><span style=\"font-weight: 400\">Groovy menu canvas is area where background set wraps Groovy menu container and has padding from left and right sides equal to 15px.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Groovy menu container is area where all content is placed.<\/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<\/ul>\n<ul>\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 width<\/span><\/li>\n<\/ul>\n<h3><b>Canvas and container boxed<\/b><\/h3>\n<p><span style=\"font-weight: 400\">The option sets both canvas and container to the fixed width. For example, if it is set to 1200px then canvas will be 1200px and container 1170px correspondingly.<\/span><\/p>\n<h3><b>Canvas wide &#8211; container boxed<\/b><\/h3>\n<p><span style=\"font-weight: 400\">The option sets canvas equal to viewport width (100% width) as well as container to the fixed width.<\/span><\/p>\n<h3><b>Canvas and container wide<\/b><\/h3>\n<p><span style=\"font-weight: 400\">The option sets both canvas and container full width. Note: According to the canvas, padding container will be smaller according to the padding.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Groovy menu canvas is area where background set wraps Groovy menu container and has padding from left and right sides &hellip; <a href=\"https:\/\/grooni.com\/docs\/groovy-menu\/preset-settings\/general-settings\/general\/setting-menu-canvas-and-container-width\/\">Read more &rarr;<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":170,"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\/207"}],"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=207"}],"version-history":[{"count":0,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/207\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/170"}],"wp:attachment":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/media?parent=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}