{"id":37127,"date":"2023-03-03T08:48:55","date_gmt":"2023-03-03T08:48:55","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=troubleshooting&#038;p=37127"},"modified":"2024-01-24T17:04:29","modified_gmt":"2024-01-24T17:04:29","slug":"cannot-make-the-submenu-full-width-in-the-mega-menu","status":"publish","type":"troubleshooting","link":"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/cannot-make-the-submenu-full-width-in-the-mega-menu\/","title":{"rendered":"Cannot Make the Submenu Full Width in the Mega Menu"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Proceed to the WordPress Dashboard.<\/p>\n\n\n\n<p>Go to the&nbsp;<strong>Appearance<\/strong>&nbsp;tab and click&nbsp;<strong>Menus<\/strong>.<\/p>\n\n\n\n<p>Select a required menu, hover over the desired menu item, and click the&nbsp;<strong>JetMenu<\/strong>&nbsp;label.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/hover-menu-item.png\" alt=\"hover menu item\">\n\n\n\n<p>Once the window pops up, change over to the&nbsp;<strong>Mega Content<\/strong>&nbsp;tab and click the&nbsp;<strong>Edit Mega Menu Item Content<\/strong>&nbsp;button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/edit-megamenu-item-content.png\" alt=\"edit megamenu item content\">\n\n\n\n<p>Editing in Elementor.In the Elementor Page builder, click the needed section, proceed to the&nbsp;<strong>Layout<\/strong>&nbsp;settings and choose the \u201cFull Width\u201d option for&nbsp;<strong>Content Width<\/strong>. Save the changes.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/Full-Section-Width-in-the-Submenu.png\" alt=\"Full Section Width in the Submenu\">\n\n\n\n<p>Go back to the WordPress Dashboard.Proceed to the&nbsp;<strong>JetPlugins<\/strong>&nbsp;tab. Here, click the&nbsp;<strong>JetMenu Settings<\/strong>.<\/p>\n\n\n\n<p>Click the&nbsp;<strong>Desktop Menu<\/strong>&nbsp;tab.Find the&nbsp;<strong>Mega menu base width<\/strong>&nbsp;field and choose the \u201cWidth same as custom CSS selector width\u201d option. Below, enter the CSS selector body.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/mega-menu-base-width-in-jetmenu-settings.png\" alt=\"mega menu base width in jetmenu settings\">\n\n\n\n<p>Be aware, if you enable the&nbsp;<strong><a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetmenu-how-to-create-a-mega-menu-in-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Revamp Menu<\/a>&nbsp;<\/strong>option in the&nbsp;<strong><em>Crocoblock &gt; JetPlugins Settings &gt; JetMenu &gt; General Settings&nbsp;<\/em><\/strong>tab you can set the&nbsp;<strong>Mega menu base width&nbsp;<\/strong>only with the&nbsp;<strong>Mega Menu&nbsp;<\/strong>widget settings.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/revamp-mega-menu.png\" alt=\"revamp mega menu\">\n\n\n\n<p>Proceed to the Elementor editor and click to edit the&nbsp;<strong>Mega Menu&nbsp;<\/strong>widget. Select the \u201cSelector\u201d option in the&nbsp;<strong>Mega Container Width Type&nbsp;<\/strong>field of the&nbsp;<strong>Layout&nbsp;<\/strong>tab. Below, enter the CSS selector body.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/edit-mega-menu-widget.png\" alt=\"edit mega menu widget\">\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Follow this short guide on how to get the submenu full width, i.e. the same as whole page. <\/p>\n","protected":false},"author":12,"featured_media":0,"template":"","troubleshoot-tags":[369],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cannot Make the Submenu Full Width in the Mega Menu | Crocoblock<\/title>\n<meta name=\"description\" content=\"Follow this short guide guide on how to get the submenu full width, i.e. the same as whole page.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/cannot-make-the-submenu-full-width-in-the-mega-menu\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cannot Make the Submenu Full Width in the Mega Menu | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Follow this short guide guide on how to get the submenu full width, i.e. the same as whole page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/cannot-make-the-submenu-full-width-in-the-mega-menu\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-24T17:04:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/hover-menu-item.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/cannot-make-the-submenu-full-width-in-the-mega-menu\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/cannot-make-the-submenu-full-width-in-the-mega-menu\/\",\"name\":\"Cannot Make the Submenu Full Width in the Mega Menu | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-03-03T08:48:55+00:00\",\"dateModified\":\"2024-01-24T17:04:29+00:00\",\"description\":\"Follow this short guide guide on how to get the submenu full width, i.e. the same as whole page.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/cannot-make-the-submenu-full-width-in-the-mega-menu\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/cannot-make-the-submenu-full-width-in-the-mega-menu\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/cannot-make-the-submenu-full-width-in-the-mega-menu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Troubleshooting\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Cannot Make the Submenu Full Width in the Mega Menu\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cannot Make the Submenu Full Width in the Mega Menu | Crocoblock","description":"Follow this short guide guide on how to get the submenu full width, i.e. the same as whole page.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/cannot-make-the-submenu-full-width-in-the-mega-menu\/","og_locale":"en_US","og_type":"article","og_title":"Cannot Make the Submenu Full Width in the Mega Menu | Crocoblock","og_description":"Follow this short guide guide on how to get the submenu full width, i.e. the same as whole page.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/cannot-make-the-submenu-full-width-in-the-mega-menu\/","og_site_name":"Help Center","article_modified_time":"2024-01-24T17:04:29+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/hover-menu-item.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/cannot-make-the-submenu-full-width-in-the-mega-menu\/","url":"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/cannot-make-the-submenu-full-width-in-the-mega-menu\/","name":"Cannot Make the Submenu Full Width in the Mega Menu | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-03-03T08:48:55+00:00","dateModified":"2024-01-24T17:04:29+00:00","description":"Follow this short guide guide on how to get the submenu full width, i.e. the same as whole page.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/cannot-make-the-submenu-full-width-in-the-mega-menu\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/cannot-make-the-submenu-full-width-in-the-mega-menu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/cannot-make-the-submenu-full-width-in-the-mega-menu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Troubleshooting","item":"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/"},{"@type":"ListItem","position":3,"name":"Cannot Make the Submenu Full Width in the Mega Menu"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/troubleshooting\/37127"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/troubleshooting"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/troubleshooting"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/12"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=37127"}],"wp:term":[{"taxonomy":"troubleshoot-tags","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/troubleshoot-tags?post=37127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}