{"id":23252,"date":"2016-08-16T12:14:07","date_gmt":"2016-08-16T11:14:07","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/faqs\/theme-integration\/west-copy\/"},"modified":"2016-08-16T12:24:05","modified_gmt":"2016-08-16T11:24:05","slug":"mystique","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/mystique\/","title":{"rendered":"Mystique"},"content":{"rendered":"

When Max Mega Menu is enabled in Mystique you will see 2 main menu bars and a duplicate mobile toggle button.<\/p>\n

Step 1. Remove duplicate menu bar and mobile toggle button<\/h4>\n

Go to Appearance > Editor<\/em> and select ‘core.php’ on the right. Note: changes to theme files should be made in a Child Theme.<\/p>\n

Find:<\/p>\n

<nav class=\"main-nav\">\r\n    <div class=\"kid-site-container\">\r\n        <div class=\"header-inner clear-fix\">\r\n            <div class=\"mobile\">\r\n                <i class=\"fa fa-bars\"><\/i>\r\n            <\/div>\r\n            <?php\r\n                wp_nav_menu( array(\r\n                    'theme_location' => 'menu-main',\r\n                    'container_id' => 'main-menu',\r\n                    'walker' => new kid_Walker,\r\n                    'depth' => '3' ) );\r\n                wp_nav_menu( array(\r\n                    'theme_location' => 'menu-main',\r\n                    'depth' => '2',\r\n                    'container_id' => 'main-mobile-menu' ) );\r\n            ?>\r\n        <\/div>\r\n    <\/div><!-- main-nav-inner -->\r\n<\/nav><\/pre>\n
Replace with:<\/p>\n
<nav class=\"main-nav\">\r\n    <div class=\"kid-site-container\">\r\n        <div class=\"header-inner clear-fix\">\r\n            <?php if ( function_exists( 'max_mega_menu_is_enabled' ) && max_mega_menu_is_enabled( 'main-menu' ) ): ?>\r\n                <?php wp_nav_menu( array( 'theme_location' => 'menu-main' ) ); ?>\r\n            <?php else: ?>\r\n                <div class=\"mobile\">\r\n                    <i class=\"fa fa-bars\"><\/i>\r\n                <\/div>\r\n                <?php\r\n                    wp_nav_menu( array(\r\n                        'theme_location' => 'menu-main',\r\n                        'container_id' => 'main-menu',\r\n                        'walker' => new kid_Walker,\r\n                        'depth' => '3' ) );\r\n                    wp_nav_menu( array(\r\n                        'theme_location' => 'menu-main',\r\n                        'depth' => '2',\r\n                        'container_id' => 'main-mobile-menu' ) );\r\n                ?>\r\n            <?php endif; ?>\r\n        <\/div>\r\n    <\/div><!-- main-nav-inner -->\r\n<\/nav><\/pre>\n
Step 2: Fix mobile menu z-index<\/h4>\n
Go to Mega Menu > Menu Themes<\/em> and insert the following into the Custom Styling area:<\/p>\n
#{$wrap} {\r\n    position: relative;\r\n    z-index: 99999;\r\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"
When Max Mega Menu is enabled in Mystique you will see 2 main menu bars and a duplicate mobile toggle button. Step 1. Remove duplicate menu bar and mobile toggle button Go to Appearance > Editor and select ‘core.php’ on the right. Note: changes to theme files should be made…<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"open","template":"template-documentation.php","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[15],"ht-kb-tag":[],"class_list":["post-23252","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":"When Max Mega Menu is enabled in Mystique you will see 2 main menu bars and a duplicate mobile toggle button. Step 1. Remove duplicate menu bar and mobile toggle button Go to Appearance > Editor and select ‘core.php’ on the right. Note: changes to theme files should be made...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/23252","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=23252"}],"version-history":[{"count":6,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/23252\/revisions"}],"predecessor-version":[{"id":23258,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/23252\/revisions\/23258"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=23252"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=23252"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=23252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}