{"id":17691,"date":"2018-08-15T12:43:28","date_gmt":"2018-08-15T09:43:28","guid":{"rendered":"https:\/\/themeisle.com\/blog\/?p=17691"},"modified":"2023-08-17T15:45:17","modified_gmt":"2023-08-17T12:45:17","slug":"wordpress-mega-menu","status":"publish","type":"post","link":"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/","title":{"rendered":"2 Quick and Easy Ways to Create a WordPress Mega Menu"},"content":{"rendered":"\n<p>Looking for a way to create a WordPress mega menu at your site?<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>By default, WordPress makes it easy to create a simple drop-down menu using core functionality, but unfortunately, there&#8217;s no core support for mega menus.<\/p>\n\n\n\n<p>\ud83d\udc49 All&#8217;s not lost, though! It&#8217;s still fairly easy to create a WordPress mega menu for your site. And in this post, I&#8217;m going to:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li>Share the options you have for creating a WordPress mega menu<\/li>\n\n\n\n<li>Give you a step-by-step tutorial for how to create a mega menu using a <strong>free<\/strong> plugin<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n\t\t<div class='ti-tweet-clear'><\/div>\n\t\t\t<div class='ti-tweet_wrapper'>\n\t\t    \t<div class='ti-tweet_text'>\n\t\t    \t\t<a href='https:\/\/twitter.com\/share?text=Learn+how+to+create+a+mega+%F0%9F%97%92%EF%B8%8F+menu+for+your+%23WordPress+site&via=themeisle&related=themeisle&url=https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/' target='_blank' rel='nofollow'>Learn how to create a mega \ud83d\uddd2\ufe0f menu for your #WordPress site<\/a>\n\t\t    \t<\/div>\n\t\t    \t<div class='ti-tweet_sharebtn'>\n\t\t    \t<a href='https:\/\/twitter.com\/share?text=Learn+how+to+create+a+mega+%F0%9F%97%92%EF%B8%8F+menu+for+your+%23WordPress+site&via=themeisle&related=themeisle&url=https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/' target='_blank' rel='nofollow'>Click To Tweet \n\t\t    \t\t<span><\/span>\n\t\t    \t<\/a>\n\t\t    <\/div>\n\t\t<\/div>\n<\/div>\n<\/div>\n\n\n\n<p>I will also answer some <a href=\"#wordpress-mega-menu-faq\">frequently asked questions about WordPress mega menus<\/a> at the end.<\/p>\n\n\n\n<p>Let&#8217;s get started!<\/p>\n\n\n<div class=\"su-divider su-divider-style-dotted\" style=\"margin:40px 0;border-width:1px;border-color:#999999\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"two-options\">WordPress mega menu: Your two options \u270c\ufe0f<\/h2>\n\n\n\n<p>In case you&#8217;re not already familiar, a mega menu is basically a larger-than-normal drop-down menu that lets you display way more information than a <a href=\"https:\/\/themeisle.com\/blog\/wordpress-dropdown-menu-how-to\/\">regular drop-down menu<\/a>. For example, think of those big menus that Amazon uses:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=319302832  fetchpriority=\"high\" decoding=\"async\" width=\"850\" height=\"473\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-0.png\" alt=\"mega menu example.\" class=\"wp-image-17693\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:850\/h:473\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-0.png 850w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:167\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-0.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:427\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-0.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:28\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-0.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:431\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-0.png 431w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:713\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-0.png 713w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:266\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-0.png 266w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:350\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-0.png 350w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:243\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-0.png 243w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:850\/h:473\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-0.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure><\/div>\n\n\n<p>If you want to create a mega menu for your WordPress site, you have two general approaches&#8230;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"option-1\">Option 1: See if your theme supports mega menus<\/h3>\n\n\n\n<p><em>Some <\/em>themes offer built-in mega menu support. For example, the <a href=\"https:\/\/docs.themeisle.com\/article\/704-hestia-basic-mega-menu-setup\">Hestia theme includes built-in functionality<\/a> to create a mega menu.<\/p>\n\n\n\n<p>Unfortunately, I can&#8217;t tell you whether or not your theme supports a WordPress mega menu, nor can I give you a tutorial for how to set up your theme&#8217;s mega menu because each theme is different.<\/p>\n\n\n\n<p>But, it&#8217;s always a good first step to check your theme&#8217;s documentation to see if it already has a way for you to create a mega menu.<\/p>\n\n\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:15px;border-color:#4267cf\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"option-2\">Option 2: Use a WordPress mega menu plugin<\/h3>\n\n\n\n<p>If your theme doesn&#8217;t have mega menu functionality (<em>or maybe even it does!<\/em>), you can also use a WordPress mega menu plugin to add mega menu functionality to <strong>any <\/strong>WordPress theme.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Is it better to use your theme or a WordPress mega menu plugin?<\/h3>\n\n\n\n<p>Now, you might be wondering, &#8220;if my theme already supports mega menus, is there any reason I still might want to use a mega menu plugin?&#8221;<\/p>\n\n\n\n<p>Well, there might be. Here are the pros and cons of each approach&#8230;<\/p>\n\n\n\n<p>The benefit of using your theme&#8217;s mega menu functionality is that it will instantly match the rest of your theme&#8217;s styling as soon as you add it. Basically, it&#8217;s convenient.<\/p>\n\n\n\n<p>The downside, though, is that if you ever switch themes, you&#8217;ll lose your mega menu functionality.<\/p>\n\n\n\n<p>\ud83d\udc49 On the other hand, the benefits of using a WordPress mega menu plugin are that:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Your mega menu will continue to work even if you switch themes.<\/li>\n\n\n\n<li>You&#8217;ll probably get access to more functionality.<\/li>\n<\/ul>\n\n\n\n<p>But the downside is that you <em>might<\/em> need to play around with the plugin&#8217;s styling options to make it match your theme.<\/p>\n\n\n<div class=\"su-divider su-divider-style-dotted\" style=\"margin:40px 0;border-width:1px;border-color:#999999\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-mega-menu-with-free-plugin\">How to create a WordPress mega menu with a free plugin \ud83d\udd0c<\/h2>\n\n\n\n<p>There are several plugins that can add mega menu functionality to your site, but the most popular and highest-rated by far is Max Mega Menu:<\/p>\n\n\n<div class=\"wp-pic-wrapper align-center large\" style=\"margin:20px 0;\"><div class=\"wp-pic large plugin scheme2\"  id=\"wp-pic-megamenu\" ><div class=\"wp-pic-large\" style=\"display: none;\">\n\t<div class=\"wp-pic-large-content\">\n\t\t<a rel=\"nofollow\" class=\"wp-pic-asset-bg\" href=\"https:\/\/wordpress.org\/plugins\/megamenu\/\" target=\"_blank\" title=\"WordPress.org Plugin Page\">\n\t\t\t<img data-opt-id=1765406572  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/ps.w.org\/megamenu\/assets\/banner-772x250.png?rev=1933095\" alt=\"Max Mega Menu\" \/>\t\t\t<span class=\"wp-pic-asset-bg-title\"><span>Max Mega Menu<\/span><\/span>\n\t\t<\/a>\n\t\t<div class=\"wp-pic-half-first\">\n\t\t\t<a rel=\"nofollow\" class=\"wp-pic-logo\" href=\"https:\/\/wordpress.org\/plugins\/megamenu\/\" style=\"background-image: url(https:\/\/ps.w.org\/megamenu\/assets\/icon-128x128.png?rev=1489843 );\" target=\"_blank\" title=\"WordPress.org Plugin Page\"><\/a>\n\t\t\t<p class=\"wp-pic-author\">Author(s):\t\t\t\t\t\t\t\t\t<a rel=\"nofollow\" href=\"https:\/\/profiles.wordpress.org\/megamenu\/\">megamenu<\/a>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t<p class=\"wp-pic-version\"><span>Current Version:<\/span> 3.8.1<\/p>\n\t\t\t<p class=\"wp-pic-updated\"><span>Last Updated:<\/span> March 17, 2026<\/p>\n\t\t\t<p><a rel=\"nofollow\" class=\"wp-pic-dl-link\" href=\"https:\/\/downloads.wordpress.org\/plugin\/megamenu.3.8.1.zip\" title=\"Direct download\">Direct Download<\/a><\/p>\n\t\t\t\t\t<\/div>\n\t\t<div class=\"wp-pic-half-last\">\n\t\t\t<div class=\"wp-pic-bottom\">\n\t\t\t\t<div class=\"wp-pic-bar\">\n\t\t\t\t\t<a rel=\"nofollow\" href=\"https:\/\/wordpress.org\/support\/view\/plugin-reviews\/megamenu\" class=\"wp-pic-rating\" target=\"_blank\" title=\"Ratings\">\n\t\t\t\t\t\t96%<em>Ratings<\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t<a rel=\"nofollow\" href=\"https:\/\/downloads.wordpress.org\/plugin\/megamenu.3.8.1.zip\" class=\"wp-pic-downloaded\" target=\"_blank\" title=\"Direct download\">\n\t\t\t\t\t\t300,000+<em>Installs<\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t<a rel=\"nofollow\" href=\"https:\/\/wordpress.org\/plugins\/megamenu\/\" class=\"wp-pic-requires\" target=\"_blank\" title=\"WordPress.org Plugin Page\">\n\t\t\t\t\t\tWP 6.2+<em>Requires<\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><!-- .wp-pic-wrapper--><link rel='stylesheet' id='dashicons-css' href='https:\/\/themeisle.com\/blog\/wp-includes\/css\/dashicons.min.css?ver=6.8.5' type='text\/css' media='all' \/>\n<link rel='stylesheet' id='wppic-style-css' href='https:\/\/themeisle.com\/blog\/wp-content\/plugins\/wp-plugin-info-card\/dist\/wppic-styles.css?ver=6.1.1' type='text\/css' media='all' \/>\n<script type=\"text\/javascript\" src=\"https:\/\/themeisle.com\/blog\/wp-includes\/js\/jquery\/jquery.min.js?ver=3.7.1\" id=\"jquery-core-js\"><\/script>\n<script type=\"text\/javascript\" src=\"https:\/\/themeisle.com\/blog\/wp-includes\/js\/jquery\/jquery-migrate.min.js?ver=3.4.1\" id=\"jquery-migrate-js\"><\/script>\n<script type=\"text\/javascript\" id=\"wppic-script-js-extra\">\n\/* <![CDATA[ *\/\nvar wppicAjax = {\"ajaxurl\":\"https:\\\/\\\/themeisle.com\\\/blog\\\/wp-admin\\\/admin-ajax.php\"};\n\/* ]]> *\/\n<\/script>\n<script type=\"text\/javascript\" src=\"https:\/\/themeisle.com\/blog\/wp-content\/plugins\/wp-plugin-info-card\/assets\/js\/wppic-script.min.js?ver=6.1.1\" id=\"wppic-script-js\"><\/script>\n\n\n\n\n<p>This free plugin lets you build your mega menu using regular <a href=\"https:\/\/themeisle.com\/blog\/wordpress-widgets\/\">WordPress widgets<\/a>, which makes it very beginner-friendly.<\/p>\n\n\n\n<p>To get started, make sure to install and activate the Max Mega Menu plugin (learn <a href=\"https:\/\/themeisle.com\/blog\/how-to-install-a-wordpress-plugin\/\">how to install a WordPress plugin<\/a>). Then, you&#8217;re ready to follow along with the guide.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Step 1: <a href=\"#step-1\">Enable the mega menu functionality<\/a><\/li>\n\n\n\n<li>Step 2: <a href=\"#step-2\">Build your mega menu layout<\/a><\/li>\n\n\n\n<li>Step 3: <a href=\"#step-3\">Configure mega menu styling<\/a><\/li>\n<\/ul>\n\n\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:15px;border-color:#4267cf\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-1\">Step 1: Enable the mega menu functionality<\/h3>\n\n\n\n<p>To enable mega menu functionality, go to <strong>Appearance \u2192 Menus<\/strong> in your WordPress dashboard.<\/p>\n\n\n\n<p>Now, select the menu location for your header. Usually, this is the default menu (<em>i.e. it&#8217;s already selected<\/em>) and it has a <strong>Display Location <\/strong>area like &#8220;Primary Menu&#8221;, &#8220;Top Menu&#8221;, &#8220;Top&#8221; etc.<\/p>\n\n\n\n<p><span><i>If you don&#8217;t have <\/i><a href=\"https:\/\/themeisle.com\/blog\/menu-in-wordpress\/\">any menus<\/a><\/span><em><a href=\"https:\/\/themeisle.com\/blog\/menu-in-wordpress\/\"> in WordPress<\/a> yet, you can <\/em><a href=\"https:\/\/themeisle.com\/blog\/wordpress-custom-menus\/\"><em>follow this guide to create your first menu<\/em><\/a>.<\/p>\n\n\n\n<p>\ud83d\udc49 Once you&#8217;ve selected the menu location where you want to place your mega menu:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Find the new <strong>Max Mega Menu Settings<\/strong> box on the left<\/li>\n\n\n\n<li>Check the <strong>Enable <\/strong>box<\/li>\n\n\n\n<li>Click <strong>Save<\/strong><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=611021813  fetchpriority=\"high\" decoding=\"async\" width=\"1236\" height=\"729\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-1.png\" alt=\"how to enable WordPress mega menu functionality.\" class=\"wp-image-17694\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1236\/h:729\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-1.png 1236w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:177\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-1.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:453\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-1.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:604\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-1.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:29\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-1.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:407\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-1.png 407w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:673\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-1.png 673w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1017\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-1.png 1017w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:251\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-1.png 251w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:331\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-1.png 331w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:229\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-1.png 229w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1236\/h:729\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-1.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure><\/div>\n\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:15px;border-color:#4267cf\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-2\">Step 2: Build your mega menu layout<\/h3>\n\n\n\n<p>\ud83d\udc49 Once you&#8217;ve enabled mega menu functionality:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hover over the menu item that you want to use to open the mega menu<\/li>\n\n\n\n<li>Click the blue <strong>Mega Menu<\/strong> button.<\/li>\n<\/ul>\n\n\n\n<p>In the example below, the mega menu will appear when a user hovers over the <strong>Shop<\/strong> menu item:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1742996215  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png\"  decoding=\"async\" width=\"1057\" height=\"544\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png\" alt=\"Launch builder.\" class=\"wp-image-17695\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1057\/h:544\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 1057w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:154\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:395\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:527\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:26\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:466\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 466w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:771\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 771w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:288\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 288w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:379\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 379w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:262\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 262w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1057\/h:544\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 2x\" \/><noscript><img data-opt-id=1742996215  decoding=\"async\" width=\"1057\" height=\"544\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png\" alt=\"Launch builder.\" class=\"wp-image-17695\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1057\/h:544\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 1057w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:154\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:395\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:527\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:26\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:466\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 466w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:771\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 771w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:288\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 288w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:379\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 379w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:262\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 262w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1057\/h:544\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-2.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/></noscript><\/figure><\/div>\n\n\n<p>Clicking the blue button should open the mega menu builder interface.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Choose display mode and add widgets \ud83d\udcbb<\/h4>\n\n\n\n<p>First, choose the type of display mode you want to use. I&#8217;ll use <strong>Mega Menu &#8211; Grid Layout<\/strong> for this tutorial as it&#8217;s pretty flexible. Then, use the drop-down menu on the right to add a widget to your mega menu:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=16130249  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png\"  decoding=\"async\" width=\"1044\" height=\"545\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png\" alt=\"Add widgets to mega menu.\" class=\"wp-image-17696\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1044\/h:545\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 1044w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:157\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:401\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:535\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:26\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:460\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 460w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:760\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 760w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:284\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 284w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:374\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 374w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:259\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 259w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1044\/h:545\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 2x\" \/><noscript><img data-opt-id=16130249  decoding=\"async\" width=\"1044\" height=\"545\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png\" alt=\"Add widgets to mega menu.\" class=\"wp-image-17696\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1044\/h:545\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 1044w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:157\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:401\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:535\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:26\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:460\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 460w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:760\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 760w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:284\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 284w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:374\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 374w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:259\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 259w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1044\/h:545\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-3.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/></noscript><\/figure><\/div>\n\n\n<p>You can use any of the standard WordPress widgets in your mega menu, which gives you a lot of flexibility. And you can also use the <strong>+ Column<\/strong> and <strong>+ Row<\/strong> buttons to organize the layout for your mega menu.<\/p>\n\n\n\n<p>Continue adding widgets for all the content you want to display in your mega menu.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Edit widgets \u2699\ufe0f<\/h4>\n\n\n\n<p>To edit widgets and add content, click the <strong>Wrench<\/strong> icon. And to move them around, you can use simple drag and drop:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><video autoplay muted loop playsinline poster="https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-4.gif" decoding=\"async\" width=\"922\" height=\"578\" original-src=\"https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-4.gif\" alt=\"Rearrange mega menu.\" class=\"wp-image-17697\"\><source src="https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-4.gif" type="video/mp4"></video><\/figure><\/div>\n\n\n<p>Make sure to <strong>Save <\/strong>each individual widget after you make any edits.<\/p>\n\n\n\n<p>Once you finish building your layout, you should have something that looks roughly like this:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=932236580  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png\"  decoding=\"async\" width=\"922\" height=\"508\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png\" alt=\"Finished mega menu layout.\" class=\"wp-image-17698\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:922\/h:508\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 922w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:165\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:423\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:28\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:436\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 436w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:721\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 721w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:269\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 269w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:354\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 354w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:245\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 245w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:922\/h:508\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 2x\" \/><noscript><img data-opt-id=932236580  decoding=\"async\" width=\"922\" height=\"508\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png\" alt=\"Finished mega menu layout.\" class=\"wp-image-17698\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:922\/h:508\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 922w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:165\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:423\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:28\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:436\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 436w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:721\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 721w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:269\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 269w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:354\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 354w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:245\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 245w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:922\/h:508\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-5.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/></noscript><\/figure><\/div>\n\n\n<p>If you want, you can also dig into the <strong>Settings<\/strong> and <strong>Icon<\/strong> areas. But you aren&#8217;t required to configure any settings there.<\/p>\n\n\n\n<p>And at this point, you now have a working mega menu:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><video autoplay muted loop playsinline poster="https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-6.gif" decoding=\"async\" width=\"1154\" height=\"579\" original-src=\"https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-6.gif\" alt=\"Mega menu in action.\" class=\"wp-image-17699\"\><source src="https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-6.gif" type="video/mp4"></video><\/figure><\/div>\n\n\n<p>As you can see, though, the menu styling isn&#8217;t quite right yet &#8211; the black background on the menu items doesn&#8217;t really fit with the rest of the theme*.<\/p>\n\n\n\n<p>If you&#8217;re experiencing a similar issue, you&#8217;ll need to dig into the plugin&#8217;s settings to <a href=\"https:\/\/themeisle.com\/blog\/color-schemes-for-websites\/\">change some colors<\/a> to make everything fit together.<\/p>\n\n\n\n<p><em>*Note &#8211; if you are actually using the Hestia theme, Max Mega Menu already includes a pre-built design theme to fix this issue. All you need to do is go to <\/em><strong><em>Appearance \u2192 Menus<\/em><\/strong><em> and choose the <\/em><strong><em>Hestia <\/em><\/strong><em>option from the<\/em><strong><em> Theme <\/em><\/strong><em>drop-down in the <\/em><strong><em>Max Mega Menu Settings<\/em><\/strong><em> &#8211; no need to edit any other settings!<\/em><\/p>\n\n\n<div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-plus su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Click to see Hestia theme fix<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\">\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1395035035  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png\"  decoding=\"async\" width=\"922\" height=\"422\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png\" alt=\"Fix for Hestia users.\" class=\"wp-image-17700\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:922\/h:422\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 922w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:137\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:352\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:23\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:220\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:363\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:179\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:124\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:922\/h:422\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 2x\" \/><noscript><img data-opt-id=1395035035  decoding=\"async\" width=\"922\" height=\"422\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png\" alt=\"Fix for Hestia users.\" class=\"wp-image-17700\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:922\/h:422\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 922w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:137\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:352\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:23\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:220\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:363\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:179\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:124\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:922\/h:422\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-7.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/></noscript><\/figure><\/div>\n\n<\/div><\/div>\n\n\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:15px;border-color:#4267cf\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-3\">Step 3: Configure mega menu styling (if needed)<\/h3>\n\n\n\n<p>To configure your mega menu&#8217;s style, go to <strong>Mega Menu \u2192 Menu Themes<\/strong> in your dashboard. Then, select the <strong>Menu Bar <\/strong>tab.<\/p>\n\n\n\n<p>\ud83d\udc49 There, you&#8217;ll need to edit some colors to match your theme. Normally, the most relevant options to edit are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Menu Background<\/li>\n\n\n\n<li>Menu Background Hover<\/li>\n<\/ul>\n\n\n\n<p>You might also need to change the font color as well:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1928977281  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png\"  decoding=\"async\" width=\"1145\" height=\"697\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png\" alt=\"Fix mega menu colors.\" class=\"wp-image-17701\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1145\/h:697\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 1145w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:183\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:468\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:623\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:30\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:394\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 394w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:652\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 652w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:986\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 986w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:243\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 243w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:320\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 320w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:222\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 222w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1145\/h:697\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 2x\" \/><noscript><img data-opt-id=1928977281  decoding=\"async\" width=\"1145\" height=\"697\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png\" alt=\"Fix mega menu colors.\" class=\"wp-image-17701\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1145\/h:697\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 1145w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:183\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:468\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:623\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:30\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:394\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 394w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:652\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 652w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:986\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 986w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:243\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 243w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:320\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 320w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:222\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 222w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1145\/h:697\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-8.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/></noscript><\/figure><\/div>\n\n\n<p>Once you do that, your mega menu should fit more closely with your theme&#8217;s styling:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><video autoplay muted loop playsinline poster="https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-9.gif" decoding=\"async\" width=\"1154\" height=\"579\" original-src=\"https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-9.gif\" alt=\"Final example of mega menu.\" class=\"wp-image-17702\"\><source src="https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu-9.gif" type="video/mp4"></video><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">Other settings and premium features<\/h3>\n\n\n\n<p>You now have all the tools that you need to create a basic WordPress mega menu. But Max Mega Menu has a deep feature list, so if you want to customize some small aspect of how your mega menu functions, I encourage you to further explore the plugin&#8217;s settings to see what all there is to offer.<\/p>\n\n\n\n<p>\ud83d\udc49 Additionally, there&#8217;s also <a href=\"https:\/\/www.megamenu.com\/upgrade\/\" target=\"_blank\" rel=\"noopener\">a premium version<\/a> that gives you:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>More types of mega menus<\/li>\n\n\n\n<li>Dedicated <a href=\"https:\/\/themeisle.com\/blog\/how-to-set-up-woocommerce\/\">WooCommerce<\/a> and <a href=\"https:\/\/themeisle.com\/blog\/sell-digital-files-using-wordpress\/\">Easy Digital Downloads<\/a> support<\/li>\n\n\n\n<li>More <a href=\"https:\/\/themeisle.com\/blog\/css-in-wordpress\/\">control over styles<\/a><\/li>\n<\/ul>\n\n\n<div class=\"su-divider su-divider-style-dotted\" style=\"margin:40px 0;border-width:1px;border-color:#999999\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wordpress-mega-menu-faq\">WordPress mega menu FAQ \ud83d\ude4b<\/h2>\n\n\n\n<p>If you made this far and you read everything above this section, then you already have a pretty good idea of how to create a WordPress mega menu. However, if you were just quickly scrolling through or if perhaps you still have some lingering questions that you&#8217;re curious about, then hopefully these concise answers will give you what you need.<\/p>\n\n\n\n<div id=\"wp-block-themeisle-blocks-accordion-3220081a\" data-has-schema=\"true\" class=\"wp-block-themeisle-blocks-accordion\">\n<details open class=\"wp-block-themeisle-blocks-accordion-item\"><summary class=\"wp-block-themeisle-blocks-accordion-item__title\"><div><strong>Should I use a mega menu on my WordPress site?<\/strong><\/div><\/summary><div class=\"wp-block-themeisle-blocks-accordion-item__content\">\n<p>Whether to use a mega menu or not depends on the specific needs of your website. Mega menus are beneficial for complex or content-rich websites that require efficient navigation and organization. Consider the amount of content you have, the complexity of your site&#8217;s structure, and the user experience you aim to provide. Simply put, if you have a relatively low-content website, then you probably don&#8217;t need a mega menu, but ultimately you have to make that call.<\/p>\n<\/div><\/details>\n\n\n\n<details open class=\"wp-block-themeisle-blocks-accordion-item\"><summary class=\"wp-block-themeisle-blocks-accordion-item__title\"><div><strong>How do I create a mega menu in WordPress?<\/strong><\/div><\/summary><div class=\"wp-block-themeisle-blocks-accordion-item__content\">\n<p>To create a mega menu in WordPress, you have two main options: utilizing a WordPress theme with native mega menu functionality or using a dedicated plugin.<br><br>Firstly, you can choose a WordPress theme that supports native mega menus, such as Hestia, Avada, or Divi. These themes offer built-in mega menu features, allowing you to create and customize your mega menu directly within the theme&#8217;s options. Simply follow the theme&#8217;s documentation or settings to design your mega menu according to your preferences.<br><br>Alternatively, you can use a dedicated mega menu plugin, such as &#8220;Max Mega Menu&#8221; or &#8220;UberMenu&#8221;. This option is applicable regardless of whether your chosen theme has built-in mega menu functionality. Mega menu plugins offer advanced customization options, additional features, and greater design flexibility.<\/p>\n<\/div><\/details>\n\n\n\n<details open class=\"wp-block-themeisle-blocks-accordion-item\"><summary class=\"wp-block-themeisle-blocks-accordion-item__title\"><div><strong>How do I create a vertical mega menu in WordPress?<\/strong><\/div><\/summary><div class=\"wp-block-themeisle-blocks-accordion-item__content\">\n<p>Vertical mega menus are a unique twist on the mega menu concept and you can create them by using certain plugins. The specific plugins that support this design feature include <a href=\"https:\/\/wordpress.org\/plugins\/megamenu\/\" target=\"_blank\" rel=\"noopener\">Max Mega Menu<\/a> (in the Pro version only) and <a href=\"https:\/\/wordpress.org\/plugins\/quadmenu\/\" target=\"_blank\" rel=\"noopener\">QuadMenu<\/a> (a premium plugin).<\/p>\n<\/div><\/details>\n\n\n\n<details open class=\"wp-block-themeisle-blocks-accordion-item\"><summary class=\"wp-block-themeisle-blocks-accordion-item__title\"><div><strong>How to create mega menu in WordPress without plugin?<\/strong><\/div><\/summary><div class=\"wp-block-themeisle-blocks-accordion-item__content\">\n<p>To create a mega menu in WordPress without using a plugin, you can utilize a WordPress theme that offers built-in mega menu functionality. Choose a theme that supports mega menus and follow its documentation or settings to create and customize your mega menu directly within the theme options. This allows you to design a mega menu without the need for an additional plugin, making the process more streamlined and integrated within your chosen theme. Examples of themes with built-in mega menu functionality include Hestia, Divi, and Avada.<\/p>\n<\/div><\/details>\n\n\n\n<details open class=\"wp-block-themeisle-blocks-accordion-item\"><summary class=\"wp-block-themeisle-blocks-accordion-item__title\"><div><strong>What is the best use of mega menu in WordPress?<\/strong><\/div><\/summary><div class=\"wp-block-themeisle-blocks-accordion-item__content\">\n<p>The best use of a mega menu in WordPress is to enhance website navigation for complex or content-rich websites. Mega menus provide a visually appealing and organized way to display a large amount of information, allowing users to access multiple sections and subcategories directly from the main menu. They improve your site visitors&#8217; experience, facilitate quicker browsing, and help users find relevant content efficiently.<\/p>\n<\/div><\/details>\n<\/div>\n\n\n<div class=\"su-divider su-divider-style-dotted\" style=\"margin:40px 0;border-width:1px;border-color:#999999\"><a href=\"#\" style=\"color:#999999\">Go to top<\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Final thoughts \ud83c\udfc1<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Remember &#8211; if you need to create a WordPress mega menu, you have two good options.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n\t\t<div class='ti-tweet-clear'><\/div>\n\t\t\t<div class='ti-tweet_wrapper'>\n\t\t    \t<div class='ti-tweet_text'>\n\t\t    \t\t<a href='https:\/\/twitter.com\/share?text=Learn+how+to+create+a+mega+%F0%9F%97%92%EF%B8%8F+menu+for+your+%23WordPress+site&via=themeisle&related=themeisle&url=https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/' target='_blank' rel='nofollow'>Learn how to create a mega \ud83d\uddd2\ufe0f menu for your #WordPress site<\/a>\n\t\t    \t<\/div>\n\t\t    \t<div class='ti-tweet_sharebtn'>\n\t\t    \t<a href='https:\/\/twitter.com\/share?text=Learn+how+to+create+a+mega+%F0%9F%97%92%EF%B8%8F+menu+for+your+%23WordPress+site&via=themeisle&related=themeisle&url=https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/' target='_blank' rel='nofollow'>Click To Tweet \n\t\t    \t\t<span><\/span>\n\t\t    \t<\/a>\n\t\t    <\/div>\n\t\t<\/div>\n<\/div>\n<\/div>\n\n\n\n<p>If your theme offers mega menu support, that&#8217;s always a great first option. Just remember that you&#8217;ll lose your mega menu if you switch themes and you might not have as much flexibility.<\/p>\n\n\n\n<p>And if your theme doesn&#8217;t have a mega menu feature, or if you want a little bit more portability and flexibility, the free Max Mega Menu plugin can help you add a mega menu to any WordPress theme.<\/p>\n\n\n\n<p><strong><em>Have any other questions about creating a mega menu for your WordPress site? Leave a comment and we&#8217;ll try to help out!<\/em><\/strong><\/p>\n\n\n<style>.ticss-d144f107 strong{font-weight: 700;\n    letter-spacing: -0.2px;\n    line-height: 1.2;\n    display: inline-block;}<\/style>\n\n\n<div class=\"wp-block-columns speed-guide has-white-color has-text-color has-background has-link-color wp-elements-2f81f6c5526477b5b4d52d1ca4513949 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" style=\"background-color:#4267cf\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<figure class=\"wp-block-image size-medium\"><img data-opt-id=30701221  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png\"  decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png\" alt=\"speed guide\" class=\"wp-image-113040\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:1024\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:150\/h:150\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 150w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:768\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:50\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:240\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 240w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:397\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 397w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:600\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 600w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:148\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 148w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:195\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 195w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:135\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 135w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1080\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1080\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 2x\" \/><noscript><img data-opt-id=30701221  decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png\" alt=\"speed guide\" class=\"wp-image-113040\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:1024\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:150\/h:150\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 150w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:768\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:50\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:240\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 240w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:397\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 397w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:600\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 600w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:148\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 148w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:195\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 195w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:135\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 135w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1080\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1080\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 2x\" sizes=\"(max-width: 300px) 100vw, 300px\" \/></noscript><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center ticss-58e79f2f\" style=\"font-size:14px\"><strong>FREE GUIDE<\/strong><\/p>\n\n\n\n<p class=\"ticss-d144f107\" style=\"font-size:25px\"><strong>4 Essential Steps to Speed Up Your&nbsp;WordPress Website<\/strong><\/p>\n\n\n\n<p class=\"ticss-3b627beb\">Follow the simple steps in our 4-part mini series and reduce your loading times by 50-80%.&nbsp;\ud83d\ude80<\/p>\n\n\n<p><div class=\"frm_forms  with_frm_style frm_style_themeisle\" id=\"frm_form_4_container\" data-token=\"070f6a2e6c757d51d88e95dd83fc2573\">\n<form enctype=\"multipart\/form-data\" method=\"post\" class=\"frm-show-form  frm_pro_form \" id=\"form_site-speed-guide-below-post\" data-token=\"070f6a2e6c757d51d88e95dd83fc2573\">\n<div class=\"frm_form_fields \">\n<fieldset>\n<legend class=\"frm_screen_reader\">Site Speed Guide - Below Post<\/legend>\r\n\r\n<div class=\"frm_fields_container\">\n<input type=\"hidden\" name=\"frm_action\" value=\"create\" \/>\n<input type=\"hidden\" name=\"form_id\" value=\"4\" \/>\n<input type=\"hidden\" name=\"frm_hide_fields_4\" id=\"frm_hide_fields_4\" value=\"\" \/>\n<input type=\"hidden\" name=\"form_key\" value=\"site-speed-guide-below-post\" \/>\n<input type=\"hidden\" name=\"item_meta[0]\" value=\"\" \/>\n<input type=\"hidden\" id=\"frm_submit_entry_4\" name=\"frm_submit_entry_4\" value=\"40371470df\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/blog\/wp-json\/wp\/v2\/posts\/17691\" \/><input type=\"hidden\" name=\"item_meta[18]\" id=\"field_6px6q2\" value=\"\/blog\/wp-json\/wp\/v2\/posts\/17691\"  data-frmval=\"\/blog\/wp-json\/wp\/v2\/posts\/17691\"   \/>\n<div id=\"frm_field_15_container\" class=\"frm_form_field form-field  frm_required_field frm_none_container\">\r\n\t<label for=\"field_6px6q\" id=\"field_6px6q_label\" class=\"frm_primary_label\">Your Email\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n\t<\/label>\r\n\t<input type=\"email\" id=\"field_6px6q\" name=\"item_meta[15]\" value=\"\"  autocomplete=\"email\"  placeholder=\"your@email.com\" data-reqmsg=\"Your Email cannot be blank.\" aria-required=\"true\" data-invmsg=\"Your Email is invalid\" aria-invalid=\"false\"  \/>\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_17_container\" class=\"frm_form_field form-field  frm_none_container vertical_radio\">\r\n\t<div  id=\"field_6px6q3_label\" class=\"frm_primary_label\">Subscribe to our newsletter\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\"><\/span>\r\n\t<\/div>\r\n\t<div class=\"frm_opt_container\" aria-labelledby=\"field_6px6q3_label\" role=\"group\">\t\t<div class=\"frm_checkbox\" id=\"frm_checkbox_17-0\">\t\t\t<label  for=\"field_6px6q3-0\">\n\t\t\t<input type=\"checkbox\" name=\"item_meta[17][]\" id=\"field_6px6q3-0\" value=\"true\"  data-invmsg=\"Subscribe to our newsletter is invalid\" aria-invalid=\"false\"   \/> Subscribe to our newsletter<\/label><\/div>\n<\/div>\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_14_container\" class=\"frm_form_field form-field \">\r\n\t<div class=\"frm_submit frm_flex\">\r\n<button class=\"frm_button_submit frm_final_submit\" type=\"submit\"   formnovalidate=\"formnovalidate\">FREE ACCESS<\/button>\r\n\r\n\r\n\r\n<\/div>\r\n<\/div>\n\t<input type=\"hidden\" name=\"item_key\" value=\"\" \/>\n\t\t\t<div id=\"frm_field_24_container\">\n\t\t\t<label for=\"field_bcirp\" >\n\t\t\t\tIf you are human, leave this field blank.\t\t\t<\/label>\n\t\t\t<input  id=\"field_bcirp\" type=\"text\" class=\"frm_form_field form-field frm_verify\" name=\"item_meta[24]\" value=\"\"  \/>\n\t\t<\/div>\n\t\t<input name=\"frm_state\" type=\"hidden\" value=\"tGKtIG19U6wyYcew8uBttfONxVu52EnR2MC3I1KKHJcwF9M0QAXa6pd1+Qu8+H8p\" \/><\/div>\n<\/fieldset>\n<\/div>\n\n<p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"ak_\"><label>&#916;<textarea name=\"ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"ak_js\" value=\"34\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><\/form>\n<\/div>\n<\/p>\n<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"By default, WordPress makes it easy to create a simple drop-down menu using core functionality, but unfortunately, there&#8217;s no core support for mega menus. All&#8217;s not lost, though! It&#8217;s still fairly easy to create a WordPress mega menu for your site. And in this post, I&#8217;m going to show you how to do it in two ways.","protected":false},"author":15,"featured_media":17723,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_stopmodifiedupdate":true,"_modified_date":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[26],"tags":[],"hashtags":[],"class_list":["post-17691","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"wppr_data":{"cwp_meta_box_check":"No"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.8 (Yoast SEO v26.1.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>2 Quick and Easy Ways to Create a WordPress Mega Menu<\/title>\n<meta name=\"description\" content=\"Want to create a WordPress mega menu? Read this for an overview of options, as well as a detailed, beginner-friendly, step-by-step tutorial.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"2 Quick and Easy Ways to Create a WordPress Mega Menu\" \/>\n<meta property=\"og:description\" content=\"Want to create a WordPress mega menu? Read this for an overview of options, as well as a detailed, beginner-friendly, step-by-step tutorial.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/\" \/>\n<meta property=\"og:site_name\" content=\"Themeisle Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-15T09:43:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-17T12:45:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2180\" \/>\n\t<meta property=\"og:image:height\" content=\"1090\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Colin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ColinNewcomer\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Colin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/\"},\"author\":{\"name\":\"Colin\",\"@id\":\"https:\/\/themeisle.com\/blog\/#\/schema\/person\/c413f0287a7b2ae513ef445395997e3c\"},\"headline\":\"2 Quick and Easy Ways to Create a WordPress Mega Menu\",\"datePublished\":\"2018-08-15T09:43:28+00:00\",\"dateModified\":\"2023-08-17T12:45:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/\"},\"wordCount\":1956,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/themeisle.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu.jpg\",\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/\",\"url\":\"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/\",\"name\":\"2 Quick and Easy Ways to Create a WordPress Mega Menu\",\"isPartOf\":{\"@id\":\"https:\/\/themeisle.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu.jpg\",\"datePublished\":\"2018-08-15T09:43:28+00:00\",\"dateModified\":\"2023-08-17T12:45:17+00:00\",\"description\":\"Want to create a WordPress mega menu? Read this for an overview of options, as well as a detailed, beginner-friendly, step-by-step tutorial.\",\"breadcrumb\":{\"@id\":\"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/#primaryimage\",\"url\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu.jpg\",\"contentUrl\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu.jpg\",\"width\":2180,\"height\":1090,\"caption\":\"WordPress Mega Menu\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/themeisle.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"2 Quick and Easy Ways to Create a WordPress Mega Menu\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/themeisle.com\/blog\/#website\",\"url\":\"https:\/\/themeisle.com\/blog\/\",\"name\":\"Themeisle Blog\",\"description\":\"WordPress Tutorials and Reviews for Beginners and Advanced\",\"publisher\":{\"@id\":\"https:\/\/themeisle.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/themeisle.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/themeisle.com\/blog\/#organization\",\"name\":\"VertiStudio\",\"alternateName\":\"Vertigo Studio SA\",\"url\":\"https:\/\/themeisle.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/themeisle.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/02\/VertiStudio_logo1.png\",\"contentUrl\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/02\/VertiStudio_logo1.png\",\"width\":718,\"height\":156,\"caption\":\"VertiStudio\"},\"image\":{\"@id\":\"https:\/\/themeisle.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/themeisle.com\/blog\/#\/schema\/person\/c413f0287a7b2ae513ef445395997e3c\",\"name\":\"Colin\",\"description\":\"Colin Newcomer is a WordPress power user who has been writing about WordPress for over seven years and using the WordPress software since all the way back in 2006. He also has hands-on experience with SEO, content marketing, affiliate marketing, and other digital marketing areas.\",\"sameAs\":[\"https:\/\/www.cnewcomer.com\",\"https:\/\/x.com\/ColinNewcomer\"],\"honorificPrefix\":\"Mr\",\"url\":\"https:\/\/themeisle.com\/blog\/author\/colin-n\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"2 Quick and Easy Ways to Create a WordPress Mega Menu","description":"Want to create a WordPress mega menu? Read this for an overview of options, as well as a detailed, beginner-friendly, step-by-step tutorial.","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:\/\/themeisle.com\/blog\/wordpress-mega-menu\/","og_locale":"en_US","og_type":"article","og_title":"2 Quick and Easy Ways to Create a WordPress Mega Menu","og_description":"Want to create a WordPress mega menu? Read this for an overview of options, as well as a detailed, beginner-friendly, step-by-step tutorial.","og_url":"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/","og_site_name":"Themeisle Blog","article_published_time":"2018-08-15T09:43:28+00:00","article_modified_time":"2023-08-17T12:45:17+00:00","og_image":[{"width":2180,"height":1090,"url":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu.jpg","type":"image\/jpeg"}],"author":"Colin","twitter_card":"summary_large_image","twitter_creator":"@ColinNewcomer","twitter_misc":{"Written by":"Colin","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/#article","isPartOf":{"@id":"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/"},"author":{"name":"Colin","@id":"https:\/\/themeisle.com\/blog\/#\/schema\/person\/c413f0287a7b2ae513ef445395997e3c"},"headline":"2 Quick and Easy Ways to Create a WordPress Mega Menu","datePublished":"2018-08-15T09:43:28+00:00","dateModified":"2023-08-17T12:45:17+00:00","mainEntityOfPage":{"@id":"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/"},"wordCount":1956,"commentCount":1,"publisher":{"@id":"https:\/\/themeisle.com\/blog\/#organization"},"image":{"@id":"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/#primaryimage"},"thumbnailUrl":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu.jpg","articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/","url":"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/","name":"2 Quick and Easy Ways to Create a WordPress Mega Menu","isPartOf":{"@id":"https:\/\/themeisle.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/#primaryimage"},"image":{"@id":"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/#primaryimage"},"thumbnailUrl":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu.jpg","datePublished":"2018-08-15T09:43:28+00:00","dateModified":"2023-08-17T12:45:17+00:00","description":"Want to create a WordPress mega menu? Read this for an overview of options, as well as a detailed, beginner-friendly, step-by-step tutorial.","breadcrumb":{"@id":"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/#primaryimage","url":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu.jpg","contentUrl":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/08\/wordpress-mega-menu.jpg","width":2180,"height":1090,"caption":"WordPress Mega Menu"},{"@type":"BreadcrumbList","@id":"https:\/\/themeisle.com\/blog\/wordpress-mega-menu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/themeisle.com\/blog\/"},{"@type":"ListItem","position":2,"name":"2 Quick and Easy Ways to Create a WordPress Mega Menu"}]},{"@type":"WebSite","@id":"https:\/\/themeisle.com\/blog\/#website","url":"https:\/\/themeisle.com\/blog\/","name":"Themeisle Blog","description":"WordPress Tutorials and Reviews for Beginners and Advanced","publisher":{"@id":"https:\/\/themeisle.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/themeisle.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/themeisle.com\/blog\/#organization","name":"VertiStudio","alternateName":"Vertigo Studio SA","url":"https:\/\/themeisle.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/themeisle.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/02\/VertiStudio_logo1.png","contentUrl":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/02\/VertiStudio_logo1.png","width":718,"height":156,"caption":"VertiStudio"},"image":{"@id":"https:\/\/themeisle.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/themeisle.com\/blog\/#\/schema\/person\/c413f0287a7b2ae513ef445395997e3c","name":"Colin","description":"Colin Newcomer is a WordPress power user who has been writing about WordPress for over seven years and using the WordPress software since all the way back in 2006. He also has hands-on experience with SEO, content marketing, affiliate marketing, and other digital marketing areas.","sameAs":["https:\/\/www.cnewcomer.com","https:\/\/x.com\/ColinNewcomer"],"honorificPrefix":"Mr","url":"https:\/\/themeisle.com\/blog\/author\/colin-n\/"}]}},"_links":{"self":[{"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/posts\/17691","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/comments?post=17691"}],"version-history":[{"count":17,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/posts\/17691\/revisions"}],"predecessor-version":[{"id":105442,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/posts\/17691\/revisions\/105442"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/media\/17723"}],"wp:attachment":[{"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/media?parent=17691"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/categories?post=17691"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/tags?post=17691"},{"taxonomy":"hashtags","embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/hashtags?post=17691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}