{"id":307,"date":"2019-01-25T06:12:19","date_gmt":"2019-01-25T06:12:19","guid":{"rendered":"https:\/\/exponentwptheme.com\/documentation\/?page_id=307"},"modified":"2019-01-26T09:48:12","modified_gmt":"2019-01-26T09:48:12","slug":"mega-menu","status":"publish","type":"page","link":"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/mega-menu\/","title":{"rendered":"Mega Menu"},"content":{"rendered":"<div  class=\"tatsu-fzisxiyyzx94ulyt tatsu-section    tatsu-clearfix\" data-title=\"\"  data-headerscheme=\"background--dark\"><div class='tatsu-section-pad clearfix' data-padding='{\"d\":\"90px 0px 90px 0px\"}' data-padding-top='90px'><div class=\"tatsu-row-wrap  tatsu-wrap tatsu-row-has-two-cols tatsu-medium-gutter tatsu-reg-cols  tatsu-clearfix tatsu-fzisxiyz2m6eals2\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-fzisxiyz6b29p3gx\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-sidebar tatsu-fzisxiyz7ocitzsy   \" data-animation=\"fadeIn\"   ><div class=\"widget_nav_menu widget\"><h6>Related Articles<\/h6><div class=\"menu-header-builder-container\"><ul id=\"menu-header-builder\" class=\"menu\"><li id=\"menu-item-283\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-283\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/header-builder-introduction\/\" title=\"Header Builder Overview\">Header Builder Overview<\/a><\/li>\n<li id=\"menu-item-282\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-282\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/building-blocks\/\" title=\"Header Building Blocks\">Header Building Blocks<\/a><\/li>\n<li id=\"menu-item-279\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-279\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/header-modules\/\" title=\"Header Modules\">Header Modules<\/a><\/li>\n<li id=\"menu-item-281\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-281\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/global-settings\/\" title=\"Header Global Settings\">Header Global Settings<\/a><\/li>\n<li id=\"menu-item-304\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-304\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/transparent-header-configurations\/\" title=\"Transparent Header Configurations\">Transparent Header Configurations<\/a><\/li>\n<li id=\"menu-item-310\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-310\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/mega-menu\/\" title=\"Mega Menu\">Mega Menu<\/a><\/li>\n<li id=\"menu-item-406\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-406\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/tatsu-footer-builder\/\" title=\"Footer Builder\">Footer Builder<\/a><\/li>\n<li id=\"menu-item-280\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-280\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/responsive-settings-and-visibility\/\" title=\"Responsive Settings and Visibility\">Responsive Settings and Visibility<\/a><\/li>\n<\/ul><\/div><\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fzisxiyz6b29p3gx.tatsu-column{width: 25%;}.tatsu-fzisxiyz6b29p3gx.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzisxiyz6b29p3gx > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzisxiyz6b29p3gx > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzisxiyz6b29p3gx > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzisxiyz6b29p3gx > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-fzisxiyz6b29p3gx.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzisxiyz6b29p3gx.tatsu-column{width: 25%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzisxiyz6b29p3gx.tatsu-column{width: 25%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzisxiyz6b29p3gx.tatsu-column{width: 100%;}}<\/style><\/div><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-three-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-fzisxiz6c7c0owim\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzk4r7p6k8erb19g   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzk4r7p6k8erb19g .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-fzk4r7p6k8erb19g.tatsu-inline-text{margin: 0px 0px 0px 0px;}@media only screen and (max-width: 767px) {.tatsu-fzk4r7p6k8erb19g .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p><a href=\"..\/\" target=\"_self\"><span class=\"palette-0 tatsu-inline-link-style2 h9\">CATEGORY &#8211; HEADER AND FOOTER BUILDER<\/span><\/a><\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-HJOGKXOmV   \" data-animation=\"fadeIn\"  ><style>.tatsu-HJOGKXOmV .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-HJOGKXOmV .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h3>Mega Menu<\/h3>\n<p>A Sub Menu that appears in multiple Columns is called a Mega Menu. This article explains the simple steting that needs to be made on your menu to enable Mega Menu.\u00a0<\/p>\n<\/div><\/div><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-BkNJ3X_QV  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 1920px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 31.302083333333%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"mega-menu\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/mega-menu.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-BkNJ3X_QV .tatsu-single-image-inner{border-style: solid;max-width: 100%;}.tatsu-BkNJ3X_QV.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-rJiNDiKQ4   \" data-animation=\"fadeIn\"  ><style>.tatsu-rJiNDiKQ4 .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-rJiNDiKQ4 .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p>To enable this option for your sub menu, you have to enable the option &#8220;Mega Menu&#8221; under the Sub Menu tab in &#8220;<strong>Horizontal Menu Module<\/strong>&#8221; in Tatsu Header Builder.\u00a0<\/p>\n<\/div><\/div><div  class=\"tatsu-single-image tatsu-module align-center tatsu-image-lazyload tatsu-S1fuviFQ4  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 598px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 136.12040133779%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"mega-menu-option\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/mega-menu-option.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-S1fuviFQ4 .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(239,239,239,1); max-width: 54%;}.tatsu-S1fuviFQ4.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fzisxiz6c7c0owim.tatsu-column{width: 75%;}.tatsu-fzisxiz6c7c0owim.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad{padding: 0px 0px 0px 40px;}.tatsu-fzisxiz6c7c0owim.tatsu-column > .tatsu-column-inner{border-width: 0px 0px 0px 1px;border-color: rgba(237,237,237,1); }.tatsu-fzisxiz6c7c0owim.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzisxiz6c7c0owim > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzisxiz6c7c0owim > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzisxiz6c7c0owim > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzisxiz6c7c0owim > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-fzisxiz6c7c0owim.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzisxiz6c7c0owim.tatsu-column{width: 75%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzisxiz6c7c0owim.tatsu-column{width: 75%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzisxiz6c7c0owim.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><\/div><div class=\"tatsu-section-background-wrap\"><div class = \"tatsu-section-background\" ><\/div><\/div><style>.tatsu-fzisxiyyzx94ulyt .tatsu-section-pad{padding: 90px 0px 90px 0px;}.tatsu-fzisxiyyzx94ulyt > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzisxiyyzx94ulyt > .tatsu-top-divider{z-index: 9999;}<\/style><\/div>\n","protected":false},"excerpt":{"rendered":"<div><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/mega-menu\/\" class=\"exp-read-more exp-read-more-underlined\">Read More<\/a><\/div>\n","protected":false},"author":2,"featured_media":0,"parent":240,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-307","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=307"}],"version-history":[{"count":0,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/307\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/240"}],"wp:attachment":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}