{"id":1043,"date":"2020-11-13T16:58:34","date_gmt":"2020-11-13T23:58:34","guid":{"rendered":"https:\/\/kadence-theme.com\/?post_type=knowledgebase&#038;p=1043"},"modified":"2026-04-22T16:01:25","modified_gmt":"2026-04-22T16:01:25","password":"","slug":"mega-multicolumn-menu","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/mega-multicolumn-menu\/","title":{"rendered":"How to create a Mega (Multicolumn Menu)"},"content":{"rendered":"\n<p>Megamenus can be built in Kadence using the <strong>Ultimate Menu<\/strong> <strong>addon<\/strong> available in <a href=\"https:\/\/kadence-theme.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kadence Theme Kit Pro<\/a>.<\/p>\n\n\n\n<p>A child menu item&#8217;s content can <a href=\"https:\/\/www.kadencewp.com\/kadence-theme\/knowledge-base\/pro-addon\/how-to-use-element-hooks\/\" data-type=\"URL\" data-id=\"https:\/\/www.kadencewp.com\/kadence-theme\/knowledge-base\/pro-addon\/how-to-use-element-hooks\/\">hook any element<\/a>, which means endless possibilities. Ultimate Menu allows you to build your menu content using the WordPress block editor you are familiar with and show it in one or more columns in different layouts.<\/p>\n\n\n\n<pre class=\"wp-block-verse\">Note: \"Menu Item Settings\" button for each menu item to configure the mega menu settings may not appear immediately when an item is added to your menu. Save the menu and check again.<\/pre>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/menu-item-settings-button.png\" alt=\"Menu Item Settings button\" class=\"wp-image-680\" style=\"width:429px;height:365px\" \/><\/figure><\/div>\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id1043_e5556f-d9 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kb-table-of-content-nav.kb-table-of-content-id1043_e5556f-d9 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id1043_e5556f-d9 .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id1043_e5556f-d9 .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading1043_1c6efb-e6, .wp-block-kadence-advancedheading.kt-adv-heading1043_1c6efb-e6[data-kb-block=\"kb-adv-heading1043_1c6efb-e6\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading1043_1c6efb-e6 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading1043_1c6efb-e6[data-kb-block=\"kb-adv-heading1043_1c6efb-e6\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading1043_1c6efb-e6 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading1043_1c6efb-e6[data-kb-block=\"kb-adv-heading1043_1c6efb-e6\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"getting-started\" class=\"kt-adv-heading1043_1c6efb-e6 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading1043_1c6efb-e6\">Getting Started<\/h2>\n\n\n\n<p>The steps below walk you through showing Address + Business Hours, a Map, and a Contact form in 3 columns when you hover over the &#8220;Contact&#8221; nav menu item.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/mega-menu-kadence-1024x657.jpg\" alt=\"A sample mega menu in Kadence\" class=\"wp-image-678\" \/><\/figure>\n\n\n\n<p>At Appearance &gt; Kadence, enable <strong>Hooked Elements<\/strong>.<\/p>\n\n\n\n<p>Go to Kadence &gt; Elements and add a new Element of the default type, CONTENT SECTION.<\/p>\n\n\n\n<pre class=\"wp-block-verse\">Note: You must set the Element's Display Settings to \"Entire Site\" in order for it to show.<\/pre>\n\n\n\n<p>Name it say, &#8220;Contact Menu Content&#8221;. For the content, use Gutenberg blocks.<\/p>\n\n\n\n<p>In our test site, we used a &#8220;Row Layout&#8221; block added by <a aria-label=\"Kadence Blocks (opens in a new tab)\" href=\"https:\/\/wordpress.org\/plugins\/kadence-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Kadence Blocks<\/a> set to use 3 columns. Business Hours and Map blocks were by <a aria-label=\"Jetpack (opens in a new tab)\" href=\"https:\/\/wordpress.org\/plugins\/jetpack\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Jetpack<\/a> and the Contact Form is from Kadence Blocks. You might want to set a top and bottom padding of some 25px in addition to the left and right padding values so the content has some breathing room inside the menu.<\/p>\n\n\n\n<p>Create or edit a menu and add a top-level &#8220;Contact&#8221; menu item.<\/p>\n\n\n<style>.kb-image1043_97ac31-c6.kb-image-is-ratio-size, .kb-image1043_97ac31-c6 .kb-image-is-ratio-size{max-width:600px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image1043_97ac31-c6.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image1043_97ac31-c6 .kb-image-is-ratio-size{align-self:unset;}.kb-image1043_97ac31-c6 figure{max-width:600px;}.kb-image1043_97ac31-c6 .image-is-svg, .kb-image1043_97ac31-c6 .image-is-svg img{width:100%;}.kb-image1043_97ac31-c6 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image1043_97ac31-c6\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/label-mega-1024x597.jpg\" alt=\"\" class=\"kb-img wp-image-684\" \/><\/figure><\/div>\n\n\n\n<p>Click on the &#8220;Menu Item Settings&#8221; button, and in the Label Settings modal, you can find options to disable the link<em> (<a href=\"#disable-link\" data-type=\"internal\" data-id=\"#disable-link\">learn more)<\/a><\/em>, add an icon, etc., for the menu label. You can also enable and use a description for navigation menu items.<\/p>\n\n\n<style>.kb-image1043_6b4232-cc.kb-image-is-ratio-size, .kb-image1043_6b4232-cc .kb-image-is-ratio-size{max-width:600px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image1043_6b4232-cc.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image1043_6b4232-cc .kb-image-is-ratio-size{align-self:unset;}.kb-image1043_6b4232-cc figure{max-width:600px;}.kb-image1043_6b4232-cc .image-is-svg, .kb-image1043_6b4232-cc .image-is-svg img{width:100%;}.kb-image1043_6b4232-cc .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image1043_6b4232-cc\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"998\" height=\"672\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/11\/Mega-Menu-Item-Settings.jpg\" alt=\"Mega Menu Item Settings\" class=\"kb-img wp-image-14519\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/11\/Mega-Menu-Item-Settings.jpg 998w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/11\/Mega-Menu-Item-Settings-300x202.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/11\/Mega-Menu-Item-Settings-768x517.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/11\/Mega-Menu-Item-Settings-360x242.jpg 360w\" sizes=\"auto, (max-width: 998px) 100vw, 998px\" \/><\/figure><\/div>\n\n\n\n<p>Click on <strong>Mega Settings<\/strong> to configure the mega menu that appears on hover.<\/p>\n\n\n<style>.kb-image1043_7d0ca7-20.kb-image-is-ratio-size, .kb-image1043_7d0ca7-20 .kb-image-is-ratio-size{max-width:600px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image1043_7d0ca7-20.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image1043_7d0ca7-20 .kb-image-is-ratio-size{align-self:unset;}.kb-image1043_7d0ca7-20 figure{max-width:600px;}.kb-image1043_7d0ca7-20 .image-is-svg, .kb-image1043_7d0ca7-20 .image-is-svg img{width:100%;}.kb-image1043_7d0ca7-20 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image1043_7d0ca7-20\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/mega-menu-mega-settings.png\" alt=\"Mega Settings\" class=\"kb-img wp-image-682\" \/><\/figure><\/div>\n\n\n\n<p>In the current example, since the hooked element&#8217;s content itself has 3 columns built using the row layout block, we select 1 mega menu column in the Mega Settings. Also, we changed the Dropdown Background to a light blue theme color (#F7FAFC).<\/p>\n\n\n\n<p>Press <strong>Save<\/strong>.<\/p>\n\n\n\n<p>Next, add a Custom Link under &#8220;Contact&#8221; as a sub-menu item.<\/p>\n\n\n<style>.kb-image1043_a351df-48.kb-image-is-ratio-size, .kb-image1043_a351df-48 .kb-image-is-ratio-size{max-width:300px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image1043_a351df-48.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image1043_a351df-48 .kb-image-is-ratio-size{align-self:unset;}.kb-image1043_a351df-48 figure{max-width:300px;}.kb-image1043_a351df-48 .image-is-svg, .kb-image1043_a351df-48 .image-is-svg img{width:100%;}.kb-image1043_a351df-48 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image1043_a351df-48\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/sub-menu-item.png\" alt=\"\" class=\"kb-img wp-image-683\" \/><\/figure><\/div>\n\n\n\n<p>Click <strong>Menu Item Settings<\/strong> and then <strong>Mega Settings<\/strong>.<\/p>\n\n\n\n<p id=\"custom-content\"><strong>Enable Custom Content<\/strong> and select the element whose content should replace this item.<\/p>\n\n\n<style>.kb-image1043_8f149d-b6.kb-image-is-ratio-size, .kb-image1043_8f149d-b6 .kb-image-is-ratio-size{max-width:600px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image1043_8f149d-b6.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image1043_8f149d-b6 .kb-image-is-ratio-size{align-self:unset;}.kb-image1043_8f149d-b6 figure{max-width:600px;}.kb-image1043_8f149d-b6 .image-is-svg, .kb-image1043_8f149d-b6 .image-is-svg img{width:100%;}.kb-image1043_8f149d-b6 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image1043_8f149d-b6\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/mega-menu-custom-content-1024x703.png\" alt=\"\" class=\"kb-img wp-image-685\" \/><\/figure><\/div>\n\n\n\n<p>Press <strong>Save,<\/strong> then<strong> <\/strong>save your menu.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading1043_3d9f3c-74, .wp-block-kadence-advancedheading.kt-adv-heading1043_3d9f3c-74[data-kb-block=\"kb-adv-heading1043_3d9f3c-74\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading1043_3d9f3c-74 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading1043_3d9f3c-74[data-kb-block=\"kb-adv-heading1043_3d9f3c-74\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading1043_3d9f3c-74 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading1043_3d9f3c-74[data-kb-block=\"kb-adv-heading1043_3d9f3c-74\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"screen-options\" class=\"kt-adv-heading1043_3d9f3c-74 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading1043_3d9f3c-74\">Screen Options<\/h2>\n\n\n\n<p>If you are looking for more navigation items or more mega menu-related settings, you may need to enable them using the <strong>Screen<\/strong> <strong>Options<\/strong> dropdown at the top of the <strong>Appearance -&gt; Menus<\/strong> page. <br><br>For example, if you enable the <strong>Menu<\/strong> <strong>Item<\/strong> <strong>Description<\/strong>, to see the setting, it must be enabled from the <em>Screen Options<\/em>.<\/p>\n\n\n<style>.kb-image1043_e00b63-1b .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image1043_e00b63-1b size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1915\" height=\"681\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/11\/Screen-Options.jpg\" alt=\"Screen Options\" class=\"kb-img wp-image-14520\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/11\/Screen-Options.jpg 1915w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/11\/Screen-Options-300x107.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/11\/Screen-Options-1024x364.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/11\/Screen-Options-768x273.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/11\/Screen-Options-1536x546.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/11\/Screen-Options-360x128.jpg 360w\" sizes=\"auto, (max-width: 1915px) 100vw, 1915px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading1043_d708b9-f7, .wp-block-kadence-advancedheading.kt-adv-heading1043_d708b9-f7[data-kb-block=\"kb-adv-heading1043_d708b9-f7\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading1043_d708b9-f7 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading1043_d708b9-f7[data-kb-block=\"kb-adv-heading1043_d708b9-f7\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading1043_d708b9-f7 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading1043_d708b9-f7[data-kb-block=\"kb-adv-heading1043_d708b9-f7\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"mega-menu-open-on\" class=\"kt-adv-heading1043_d708b9-f7 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading1043_d708b9-f7\">Setting the Mega Menu opening behavior. (hover\/click)<\/h2>\n\n\n\n<p>You can set <strong>Mega<\/strong> <strong>Menus<\/strong> to open on by either clicking on or hovering over the menu item. To set the <strong>Mega Menu Open On<\/strong> <strong>setting<\/strong>, navigate to the <strong>Customizer -&gt; Header -&gt; Primary (or secondary) Navigation<\/strong> settings. You can locate and adjust the <strong>Open<\/strong> <strong>on<\/strong> setting to control this behavior.<\/p>\n\n\n<style>.kb-image1043_05cff3-0e .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image1043_05cff3-0e size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1405\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/03\/Mege-Menu-On-Hover-or-Click-scaled.jpg\" alt=\"Mege Menu On Hover or Click\" class=\"kb-img wp-image-11274\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/03\/Mege-Menu-On-Hover-or-Click-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/03\/Mege-Menu-On-Hover-or-Click-300x165.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/03\/Mege-Menu-On-Hover-or-Click-1024x562.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/03\/Mege-Menu-On-Hover-or-Click-768x421.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/03\/Mege-Menu-On-Hover-or-Click-1536x843.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/03\/Mege-Menu-On-Hover-or-Click-2048x1124.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/03\/Mege-Menu-On-Hover-or-Click-360x198.jpg 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading1043_b037ef-9d, .wp-block-kadence-advancedheading.kt-adv-heading1043_b037ef-9d[data-kb-block=\"kb-adv-heading1043_b037ef-9d\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading1043_b037ef-9d mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading1043_b037ef-9d[data-kb-block=\"kb-adv-heading1043_b037ef-9d\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading1043_b037ef-9d img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading1043_b037ef-9d[data-kb-block=\"kb-adv-heading1043_b037ef-9d\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"disable-link\" class=\"kt-adv-heading1043_b037ef-9d wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading1043_b037ef-9d\">Disabling Links<\/h2>\n\n\n\n<p>The <strong>Disable Link<\/strong> option in Kadence Mega Menus allows you to disable the link for specific menu items. For example, you may have a Parent-level navigation item that opens a mega menu. In this case, you may not want the Parent-level item itself to navigate anywhere, but instead use it strictly to open the menu. This is a practical use case where the <strong>Disable Link<\/strong> setting is particularly useful.<br><br>When this option is enabled, Kadence removes the <code>href<\/code> attribute from the menu item entirely. This ensures that the link cannot be navigated to, while maintaining the correct HTML structure and accessibility standards.<\/p>\n\n\n<style>.kb-image1043_50ee76-28.kb-image-is-ratio-size, .kb-image1043_50ee76-28 .kb-image-is-ratio-size{max-width:600px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image1043_50ee76-28.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image1043_50ee76-28 .kb-image-is-ratio-size{align-self:unset;}.kb-image1043_50ee76-28 figure{max-width:600px;}.kb-image1043_50ee76-28 .image-is-svg, .kb-image1043_50ee76-28 .image-is-svg img{width:100%;}.kb-image1043_50ee76-28 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image1043_50ee76-28\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"998\" height=\"672\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/11\/Mega-Menu-Item-Settings.jpg\" alt=\"Mega Menu Item Settings\" class=\"kb-img wp-image-14519\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/11\/Mega-Menu-Item-Settings.jpg 998w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/11\/Mega-Menu-Item-Settings-300x202.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/11\/Mega-Menu-Item-Settings-768x517.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2020\/11\/Mega-Menu-Item-Settings-360x242.jpg 360w\" sizes=\"auto, (max-width: 998px) 100vw, 998px\" \/><\/figure><\/div>\n\n\n\n<p>You may see a warning in PageSpeed Insights indicating that an <code>&lt;a&gt;<\/code> element does not have a valid <code>href<\/code>. This is expected behavior because PSI flags all <code>&lt;a&gt;<\/code> elements without an <code>href<\/code> attribute. Since the link is intentionally disabled and not meant to navigate anywhere, this warning can safely be ignored.<br><br>Technically, an &lt;a&gt; element without an href is perfectly valid and functions as expected; it simply isn\u2019t meant to be crawlable. <a href=\"https:\/\/html.spec.whatwg.org\/#the-a-element\" target=\"_blank\" rel=\"noreferrer noopener\">You can learn more here<\/a>.<br><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Megamenus can be built in Kadence using the Ultimate Menu addon available in Kadence Theme Kit Pro. A child menu item&#8217;s content can hook any element, which means endless possibilities. Ultimate Menu allows you to build your menu content using the WordPress block editor you are familiar with and show it in one or more&#8230;<\/p>\n","protected":false},"author":1265,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[408],"doc_tag":[],"knowledge_base":[6],"class_list":["post-1043","docs","type-docs","status-publish","hentry","doc_category-theme-pro","knowledge_base-kadence-theme"],"year_month":"2026-04","word_count":694,"total_views":"13924","reactions":{"happy":"0","normal":"0","sad":"3"},"author_info":{"display_name":"Ben Ritner","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/britner\/"},"doc_category_info":[{"term_name":"Theme Kit Pro","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/theme-pro\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Theme","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/","term_slug":"kadence-theme"}],"knowledge_base_slug":["kadence-theme"],"taxonomy_info":{"doc_category":[{"value":408,"label":"Theme Kit Pro"}],"knowledge_base":[{"value":6,"label":"Kadence Theme"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/1043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/1265"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=1043"}],"version-history":[{"count":11,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/1043\/revisions"}],"predecessor-version":[{"id":16790,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/1043\/revisions\/16790"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=1043"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=1043"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=1043"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=1043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}