{"id":2579,"date":"2015-06-18T11:23:04","date_gmt":"2015-06-18T10:23:04","guid":{"rendered":"https:\/\/www.megamenu.com\/?page_id=2579"},"modified":"2020-08-25T10:38:33","modified_gmt":"2020-08-25T09:38:33","slug":"avada","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/avada\/","title":{"rendered":"Avada"},"content":{"rendered":"

Under Appearance > Theme Options > Menu<\/em>, uncheck “Display Search Icon in Main Nav”.<\/p>\n

Fix Mobile Menu<\/h3>\n

Only use this option if you want to display your desktop menu on mobiles too. If you are using the Avada “Mobile Navigation” location, and want to display the Avada Mobile Menu on mobiles, skip this step.<\/em><\/p>\n

To hide the default Avada mobile menu, and show the Max Mega Menu mobile menu instead, go to Appearance > Customize > Additional\u00a0CSS<\/em> and enter the following:<\/p>\n

.fusion-main-menu:not(.fusion-sticky-menu) {\r\n    display: block !important;\r\n}\r\n.fusion-mobile-selector,\r\n.fusion-mobile-menu-icons {\r\n    display: none !important;\r\n}<\/pre>\n
Fix “Click” Event<\/h3>\n
The sub menus will automatically close when the event is set to “Click” (which should not happen until the user has clicked away from the menu). To fix this conflict go to Appearance > Customize > Additional\u00a0CSS<\/em> and enter the following:<\/p>\n
.fusion-main-menu {\r\n    overflow: visible !important;\r\n}<\/pre>\n
Compatibility with the “Mobile Navigation” location<\/h3>\n
If you are making use of the Avada “Mobile Navigation” menu location, enabling Max Mega Menu will have the affect of revealing that menu on desktops as well as mobiles, or vice versa. To fix it, go to Appearance > Customize > Additional CSS<\/em> and enter the following:<\/p>\n
@media only screen and (min-width: 801px) {\r\n    body #mega-menu-wrap-mobile_navigation {\r\n        display: none;\r\n    }\r\n}\r\n@media only screen and (max-width: 801px) {\r\n    body #mega-menu-wrap-main_navigation {\r\n        display: none;\r\n    }\r\n}<\/pre>\n
Show menu to right of logo<\/h3>\n
To move the menu to the right of the logo, go to Mega Menu > Menu Themes<\/em>\u00a0and enter the following into the Custom Styling area:<\/p>\n
@include desktop {\r\n    #{$wrap} {\r\n        float: right;\r\n    }\r\n}\r\n<\/pre>\n
Hide theme logo<\/h3>\n
To hide the theme logo (so you can use the Max Mega Menu Logo option instead), go to Appearance > Theme Options > Custom CSS<\/em> and enter the following:<\/p>\n
body.mega-menu-main-navigation .fusion-logo {\r\n    display: none !important;\r\n}<\/pre>\n
Full width desktop menu<\/h3>\n
If you have hidden the theme logo, and your menu items are still positioned to the right hand side of the header, go to Appearance > Theme Options > Custom CSS<\/em> and enter the following:<\/p>\n
body.mega-menu-main-navigation .fusion-main-menu {\r\n    float: none;\r\n}<\/pre>\n
Fix Sticky Menu on Desktop<\/h3>\n
If the MMM sticky menu option is not working,\u00a0go to Appearance > Theme Options > Custom CSS<\/em> and enter the following:<\/p>\n
header.fusion-header-wrapper .fusion-header {\r\n    -webkit-transform: none !important;\r\n}<\/pre>\n
Fix Sticky Menu on iOS<\/h3>\n
If you find the sticky menu works on Android devices, but not iOS, go to Appearance > Theme Options > Custom CSS<\/em> and enter the following:<\/p>\n
body.mega-menu-main-navigation .fusion-main-menu {\r\n    overflow: visible;\r\n}<\/pre>\n
Shrink Menu When Header is Sticky<\/h3>\n
If you have configured Avada to shrink the header when it becomes sticky, you will find the menu overflows the header area (as it will remain its original height). To shrink the menu when the header becomes sticky, go to Mega Menu > Menu Themes > Custom Styling<\/em> and add the following:<\/p>\n
header.fusion-is-sticky #{$wrap} #{$menu} > li.mega-menu-item > a.mega-menu-link {\r\n    height: 67px;\r\n    line-height: 67px;\r\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"
Under Appearance > Theme Options > Menu, uncheck “Display Search Icon in Main Nav”. Fix Mobile Menu Only use this option if you want to display your desktop menu on mobiles too. If you are using the Avada “Mobile Navigation” location, and want to display the Avada Mobile Menu on…<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[15],"ht-kb-tag":[],"class_list":["post-2579","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-theme-integration"],"uagb_featured_image_src":[],"uagb_author_info":{"display_name":"Tom Hemsley","author_link":"https:\/\/www.megamenu.com\/author\/megamenu\/"},"uagb_comment_info":0,"uagb_excerpt":"Under Appearance > Theme Options > Menu, uncheck “Display Search Icon in Main Nav”. Fix Mobile Menu Only use this option if you want to display your desktop menu on mobiles too. If you are using the Avada “Mobile Navigation” location, and want to display the Avada Mobile Menu on...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/2579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/comments?post=2579"}],"version-history":[{"count":19,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/2579\/revisions"}],"predecessor-version":[{"id":258469,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/2579\/revisions\/258469"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=2579"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=2579"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=2579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}