{"id":51495,"date":"2026-04-29T09:25:09","date_gmt":"2026-04-29T09:25:09","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=51495"},"modified":"2026-04-29T09:25:11","modified_gmt":"2026-04-29T09:25:11","slug":"how-to-build-mega-menu-in-default-block-wordpress-theme","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-build-mega-menu-in-default-block-wordpress-theme\/","title":{"rendered":"How to Build a Mega Menu in the Default Block WordPress Theme"},"content":{"rendered":"\n<p>In the FSE themes, there is no work interface for the menus, as in the classic themes, where the menu settings can be found in the <strong><em>WordPress Dashboard &gt;<\/em><\/strong><strong><em> Appearance &gt; Menus<\/em><\/strong> tab. It complicates the usage of the <em>JetMenu <\/em>functionality, in particular, of the <strong>Mega Menu <\/strong>for block themes in WordPress.<\/p>\n\n\n\n<p>Classic themes are built around the customizer, widgets, and PHP template files. So when working with the classic themes, you use editors like Elementor or Gutenberg for setting up the content, not full layouts. The site structure elements, such as header, footer, and archives, are controlled in code by PHP templates.<\/p>\n\n\n\n<p>The FSE (Full Site Editing) themes are built entirely for the Gutenberg block editor \u2014 no customizer is needed. You can edit all headers, footers, templates, and global styles visually.<\/p>\n\n\n\n<p>The FSE themes use blocks for full layouts, including navigation and site structure. Thus, the entire site becomes editable like a page with no coding required.<\/p>\n\n\n\n<p>Now, the <em>JetMenu <\/em>page provides a clear, classic interface for menu control, which makes the usage of the <strong>Mega Menu<\/strong> accessible for the FSE themes\u2019 users. In this tutorial, we use the Twenty Twenty-Five FSE theme to build a header with the functioning <strong>Mega Menu<\/strong>.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-a-menu\">Create a Menu<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The process of building a menu is very similar to the classic one. Proceed to <strong><em>WordPress Dashboard > Appearance > JetMenus<\/em><\/strong> tab. Here, you can select one of the existing menus for editing or create a new one. Refer to our <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/jetmenu-how-to-create-a-mega-menu-in-elementor\/#create-a-mega-menu\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Create a Mega Menu in Elementor<\/strong><\/a> guide to learn how to create a <strong>Mega Menu<\/strong> in the menus\u2019 dashboard.\u00a0<\/p>\n\n\n\n<p>Once you have added the desired number of menu items, you can set the <strong>Mega Menu<\/strong>. For that, click the \u201c<strong>Item settings<\/strong>\u201d button.\u00a0<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/\u202aitem-settings-button-for-menu-items-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/\u202aitem-settings-button-for-menu-items-1824x1140-1-1024x640.webp\" alt=\"item settings button for menu items\" class=\"wp-image-51496\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/\u202aitem-settings-button-for-menu-items-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/\u202aitem-settings-button-for-menu-items-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/\u202aitem-settings-button-for-menu-items-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/\u202aitem-settings-button-for-menu-items-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/\u202aitem-settings-button-for-menu-items-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/\u202aitem-settings-button-for-menu-items-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>In the newly opened pop-up, enable the <strong>Use Mega content <\/strong>toggle. Then, you will be able to choose the <strong>MEGA CONTENT TYPE<\/strong> (\u201cElementor\u201d in this case) and click the \u201c<strong>Open editor<\/strong>\u201d button to set the mega content.\u00a0<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/enable-mega-content-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/enable-mega-content-1824x1140-1-1024x640.webp\" alt=\"enable mega content\" class=\"wp-image-51497\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/enable-mega-content-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/enable-mega-content-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/enable-mega-content-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/enable-mega-content-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/enable-mega-content-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/enable-mega-content-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>In the newly opened window, you can set what content will be shown in the <strong>Mega Menu<\/strong>. In this case, we add the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Grid<\/strong><\/a> widget.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-content-item-settings-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-content-item-settings-1824x1140-1-1024x640.webp\" alt=\"mega content item settings\" class=\"wp-image-51498\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-content-item-settings-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-content-item-settings-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-content-item-settings-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-content-item-settings-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-content-item-settings-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-content-item-settings-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Click the \u201c<strong>Publish<\/strong>\u201d button once you are ready and return to the menu settings page. In the <strong>Item settings<\/strong> pop-up, you can also set up the following aspects:\u00a0<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-content-settings-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-content-settings-1824x1140-1-1024x640.webp\" alt=\"mega content settings\" class=\"wp-image-51499\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-content-settings-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-content-settings-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-content-settings-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-content-settings-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-content-settings-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-content-settings-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Mega content position<\/strong> \u2014 a select field where one can choose among \u201cDefault\u201d or \u201cRelative Item\u201d positions;<\/li>\n\n\n\n<li><strong>Custom mega content width<\/strong> \u2014 a field where one can input the mega content width for a container in px.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>In the <strong>Item Icon<\/strong> tab, you can customize the icon settings with options for icon type, icon picker, color selection, and size adjustment. The following settings are presented:\u00a0<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/item-icon-settings-tab-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/item-icon-settings-tab-1824x1140-1-1024x640.webp\" alt=\"item icon settings tab\" class=\"wp-image-51500\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/item-icon-settings-tab-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/item-icon-settings-tab-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/item-icon-settings-tab-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/item-icon-settings-tab-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/item-icon-settings-tab-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/item-icon-settings-tab-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>SVG icon<\/strong> \u2014 an icon picker field where one can select an icon;<\/li>\n\n\n\n<li><strong>Icon color<\/strong> \u2014 a color picker field where one can select the color of an icon;<\/li>\n\n\n\n<li><strong>I<\/strong><strong>CON SIZE<\/strong> \u2014 set icon size for this item (px).<\/li>\n<\/ul>\n\n\n\n<p>In the<strong> Item Badge<\/strong> tab, you can configure badge settings, including text, text color, and background color for the badge:<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/item-badge-settings-tab-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/item-badge-settings-tab-1824x1140-1-1024x640.webp\" alt=\"item badge settings tab\" class=\"wp-image-51501\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/item-badge-settings-tab-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/item-badge-settings-tab-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/item-badge-settings-tab-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/item-badge-settings-tab-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/item-badge-settings-tab-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/item-badge-settings-tab-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>TYPE <\/strong>\u2014 a dropdown where one can select the type of an <strong>Item Badge<\/strong>, choose between \u201cText\u201d or \u201cSVG\u201d;<\/li>\n\n\n\n<li><strong>ITEM BADGE<\/strong> \u2014 a field where one can specify the text for the badge;<\/li>\n\n\n\n<li><strong>Badge color<\/strong> \u2014 a field where one can set the color of the badge text;<\/li>\n\n\n\n<li><strong>Badge background color<\/strong> \u2014 a field where one can choose the background color for the badge;&nbsp;<\/li>\n\n\n\n<li><strong>Badge offset X<\/strong> \u2014 a field where one can set the horizontal badge offset for this item(px);<\/li>\n\n\n\n<li><strong>Badge offset Y<\/strong> \u2014 a field where one can set a vertical badge offset for this item(px).<\/li>\n<\/ul>\n\n\n\n<p>The <strong>Advanced <\/strong>tab allows you to hide the navigation label and fields or set custom padding for the item:<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/adavnced-settings-tab-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/adavnced-settings-tab-1824x1140-1-1024x640.webp\" alt=\"advanced settings tab\" class=\"wp-image-51502\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/adavnced-settings-tab-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/adavnced-settings-tab-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/adavnced-settings-tab-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/adavnced-settings-tab-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/adavnced-settings-tab-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/adavnced-settings-tab-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Hide item navigation label<\/strong> \u2014 a toggle that is deactivated by default and, when activated, hides the navigation menu;<\/li>\n\n\n\n<li><strong>I<\/strong><strong>TEM CUSTOM PADDING<\/strong> \u2014 a set of fields to set the item\u2019s padding in px.<\/li>\n<\/ul>\n\n\n\n<p>In the <strong>Dynamic Visibility<\/strong> tab, you can set up the conditional rules for the item to be shown or hidden.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/dynamic-visibility-settings-tab-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/dynamic-visibility-settings-tab-1824x1140-1-1024x640.webp\" alt=\"dynamic visibility settings tab\" class=\"wp-image-51503\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/dynamic-visibility-settings-tab-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/dynamic-visibility-settings-tab-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/dynamic-visibility-settings-tab-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/dynamic-visibility-settings-tab-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/dynamic-visibility-settings-tab-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/dynamic-visibility-settings-tab-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Enable Dynamic Visibility<\/strong> \u2014 disabled by default, this toggle turns on the settings for the dynamic rules;<\/li>\n\n\n\n<li><strong>MODE <\/strong>\u2014 from this dropdown, you can select whether the menu will be shown or hidden according to the following rules. There are two dedicated options presented: \u201cShow item only if condition matches\u201d and \u201cHide item only if condition matches\u201d;&nbsp;<\/li>\n\n\n\n<li><strong>CONDITION <\/strong>\u2014 the dropdown presents the list of available rules according to which the menu items can be shown\/hidden;&nbsp;<\/li>\n\n\n\n<li><strong>VALUE <\/strong>\u2014 is a dropdown with \u201cYes\u201d and \u201cNo\u201d options to select.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>As an example, we set the <strong>Dynamic Visibility<\/strong> rule for the \u201cAccount\u201d menu item, so it is shown for the logged-in users only.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/show-account-item-for-logged-users-only-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/show-account-item-for-logged-users-only-1824x1140-1-1024x640.webp\" alt=\"show account item for logged users only\" class=\"wp-image-51504\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/show-account-item-for-logged-users-only-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/show-account-item-for-logged-users-only-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/show-account-item-for-logged-users-only-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/show-account-item-for-logged-users-only-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/show-account-item-for-logged-users-only-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/show-account-item-for-logged-users-only-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Once you are ready with the menu item\u2019s settings, click the \u201c<strong>Save<\/strong>\u201d button and close the pop-up.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/save-menu-item-settings-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/save-menu-item-settings-1824x1140-1-1024x640.webp\" alt=\"save menu item settings\" class=\"wp-image-51505\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/save-menu-item-settings-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/save-menu-item-settings-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/save-menu-item-settings-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/save-menu-item-settings-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/save-menu-item-settings-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/save-menu-item-settings-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-the-menu-to-the-header\">Add the Menu to the Header<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Move to <strong><em>WordPress Dashboard > Appearance > Editor > Patterns > Header<\/em><\/strong> and select the header you want to add the menu to, or add a new one by pressing the \u201c<strong>Add Pattern<\/strong>\u201d button.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/header-patterns-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/header-patterns-1824x1140-1-1024x640.webp\" alt=\"header patterns\" class=\"wp-image-51506\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/header-patterns-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/header-patterns-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/header-patterns-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/header-patterns-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/header-patterns-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/header-patterns-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>In this case, we add the menu to the already existing header. For that, click the \u201c<strong>three-dots\u201d<\/strong> icon and select the \u201cEdit\u201d option.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/edit-header-pattern-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/edit-header-pattern-1824x1140-1-1024x640.webp\" alt=\"edit header pattern\" class=\"wp-image-51507\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/edit-header-pattern-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/edit-header-pattern-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/edit-header-pattern-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/edit-header-pattern-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/edit-header-pattern-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/edit-header-pattern-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>When the Block Editor is opened, you can add the <strong>Mega Menu<\/strong> block.\u00a0<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-menu-added-to-header-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-menu-added-to-header-1824x1140-1-1024x640.webp\" alt=\"mega menu added to header\" class=\"wp-image-51508\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-menu-added-to-header-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-menu-added-to-header-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-menu-added-to-header-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-menu-added-to-header-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-menu-added-to-header-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-menu-added-to-header-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Refer to our <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/mega-menu-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Mega Menu Widget\/Block Overview<\/strong><\/a> guide to learn how to set up the widget. Click the \u201c<strong>Save<\/strong>\u201d button once you are ready.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"check-the-result\">Check the Result<\/h2>\n\n\n\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 frontend and check the result. Here we can see the <strong>Mega Menu<\/strong> working properly in the header.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-menu-works-on-the-front-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-menu-works-on-the-front-1824x1140-1-1024x640.webp\" alt=\"mega menu works on the front\" class=\"wp-image-51509\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-menu-works-on-the-front-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-menu-works-on-the-front-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-menu-works-on-the-front-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-menu-works-on-the-front-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-menu-works-on-the-front-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/mega-menu-works-on-the-front-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Additionally, the \u201cAccount\u201d item is available while we are logged in to the site. However, if we check the page from the Incognito mode, the \u201cAccount\u201d menu item disappears according to the <strong>Dynamic Visibility<\/strong> condition we set up earlier.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/menu-item-is-hidden-for-non-logged-users-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/menu-item-is-hidden-for-non-logged-users-1824x1140-1-1024x640.webp\" alt=\"menu item is hidden for non-logged-in users\" class=\"wp-image-51510\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/menu-item-is-hidden-for-non-logged-users-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/menu-item-is-hidden-for-non-logged-users-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/menu-item-is-hidden-for-non-logged-users-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/menu-item-is-hidden-for-non-logged-users-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/menu-item-is-hidden-for-non-logged-users-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/menu-item-is-hidden-for-non-logged-users-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p>That\u2019s it. Now you know how to set the <strong>Mega Menu<\/strong> for the Twenty Twenty-Five FSE theme using the WordPress <em>JetMenu <\/em>plugin.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This article focuses on setting up a Mega Menu element for the FSE themes using the WordPress JetMenu plugin.<\/p>\n","protected":false},"author":20,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[256],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Build a Mega Menu in the Default Block WordPress Theme \u2014 JetMenu | Crocoblock<\/title>\n<meta name=\"description\" content=\"Discover how to build and set the Mega Menu for the block themes using the WordPress JetMenu plugin.\" \/>\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\/jetmenu\/how-to-build-mega-menu-in-default-block-wordpress-theme\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Build a Mega Menu in the Default Block WordPress Theme \u2014 JetMenu | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Discover how to build and set the Mega Menu for the block themes using the WordPress JetMenu plugin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-build-mega-menu-in-default-block-wordpress-theme\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-29T09:25:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/enable-mega-content-1824x1140-1-1024x640.webp\" \/>\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=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-build-mega-menu-in-default-block-wordpress-theme\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-build-mega-menu-in-default-block-wordpress-theme\/\",\"name\":\"How to Build a Mega Menu in the Default Block WordPress Theme \u2014 JetMenu | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2026-04-29T09:25:09+00:00\",\"dateModified\":\"2026-04-29T09:25:11+00:00\",\"description\":\"Discover how to build and set the Mega Menu for the block themes using the WordPress JetMenu plugin.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-build-mega-menu-in-default-block-wordpress-theme\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-build-mega-menu-in-default-block-wordpress-theme\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-build-mega-menu-in-default-block-wordpress-theme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Build a Mega Menu in the Default Block WordPress Theme\"}]},{\"@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":"How to Build a Mega Menu in the Default Block WordPress Theme \u2014 JetMenu | Crocoblock","description":"Discover how to build and set the Mega Menu for the block themes using the WordPress JetMenu plugin.","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\/jetmenu\/how-to-build-mega-menu-in-default-block-wordpress-theme\/","og_locale":"en_US","og_type":"article","og_title":"How to Build a Mega Menu in the Default Block WordPress Theme \u2014 JetMenu | Crocoblock","og_description":"Discover how to build and set the Mega Menu for the block themes using the WordPress JetMenu plugin.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-build-mega-menu-in-default-block-wordpress-theme\/","og_site_name":"Help Center","article_modified_time":"2026-04-29T09:25:11+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/enable-mega-content-1824x1140-1-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-build-mega-menu-in-default-block-wordpress-theme\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-build-mega-menu-in-default-block-wordpress-theme\/","name":"How to Build a Mega Menu in the Default Block WordPress Theme \u2014 JetMenu | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2026-04-29T09:25:09+00:00","dateModified":"2026-04-29T09:25:11+00:00","description":"Discover how to build and set the Mega Menu for the block themes using the WordPress JetMenu plugin.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-build-mega-menu-in-default-block-wordpress-theme\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-build-mega-menu-in-default-block-wordpress-theme\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-build-mega-menu-in-default-block-wordpress-theme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Build a Mega Menu in the Default Block WordPress Theme"}]},{"@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\/article\/51495"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/20"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=51495"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=51495"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=51495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}