{"id":7809,"date":"2015-11-16T16:52:20","date_gmt":"2015-11-16T16:52:20","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/faqs\/theme-integration\/goliath-2\/"},"modified":"2015-11-16T17:04:25","modified_gmt":"2015-11-16T17:04:25","slug":"visia","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/visia\/","title":{"rendered":"Visia"},"content":{"rendered":"

Step 1<\/strong><\/p>\n

From your WordPress Dashboard, go to Appearance > Editor<\/em>. Select menu.php on the right.<\/p>\n

Find:<\/p>\n

        <!-- Mobile Nav Button -->\r\n        <button type=\"button\" class=\"nav-button\" data-toggle=\"collapse\" data-target=\".nav-content\">\r\n          <span class=\"icon-bar\"><\/span>\r\n          <span class=\"icon-bar\"><\/span>\r\n          <span class=\"icon-bar\"><\/span>\r\n        <\/button>\r\n\r\n        <!-- Navigation Links -->\r\n        <div class=\"navigation\">\r\n            <div class=\"nav-content\">\r\n                <?php $t->menu->show(\"main\"); ?>\r\n            <\/div>\r\n        <\/div><\/pre>\n
Replace with:<\/p>\n
    <?php if (function_exists( 'max_mega_menu_is_enabled') && max_mega_menu_is_enabled('main') ) : ?>\r\n         <?php wp_nav_menu(array('theme_location' => 'main')); ?>\r\n    <?php else: ?>\r\n    \t<!-- Mobile Nav Button -->\r\n    \t<button type=\"button\" class=\"nav-button\" data-toggle=\"collapse\" data-target=\".nav-content\">\r\n          <span class=\"icon-bar\"><\/span>\r\n          <span class=\"icon-bar\"><\/span>\r\n          <span class=\"icon-bar\"><\/span>\r\n        <\/button>\r\n\r\n        <!-- Navigation Links -->\r\n        <div class=\"navigation\">\r\n    \t\t<div class=\"nav-content\">\r\n    \t\t\t<?php $t->menu->show(\"main\"); ?>\r\n    \t\t<\/div>\r\n    \t<\/div>\r\n    <?php endif; ?><\/pre>\n
Step 2<\/strong><\/p>\n
Go to Mega Menu > Menu Themes<\/em> and select your active menu theme.<\/p>\n
Set the “Panel Width” setting to: .content<\/p>\n
Replace the contents of the Custom Styling section with:<\/p>\n
@media only screen and (min-width : $responsive_breakpoint) {\r\n    #{$wrap} {\r\n        margin-right: 5%;\r\n        float: right;\r\n    }\r\n}\r\n@media only screen and (max-width : $responsive_breakpoint) {\r\n    #{$wrap} {\r\n        clear: both;\r\n        margin-top: 20px;\r\n    }\r\n}<\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
Step 1 From your WordPress Dashboard, go to Appearance > Editor. Select menu.php on the right. Find: <!– Mobile Nav Button –> <button type=”button” class=”nav-button” data-toggle=”collapse” data-target=”.nav-content”> <span class=”icon-bar”><\/span> <span class=”icon-bar”><\/span> <span class=”icon-bar”><\/span> <\/button> <!– Navigation Links –> <div class=”navigation”> <div class=”nav-content”> <?php $t->menu->show(“main”); ?> <\/div> <\/div> Replace with: <?php…<\/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-7809","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":"Step 1 From your WordPress Dashboard, go to Appearance > Editor. Select menu.php on the right. Find: <!-- Mobile Nav Button --> <button type=\"button\" class=\"nav-button\" data-toggle=\"collapse\" data-target=\".nav-content\"> <span class=\"icon-bar\"><\/span> <span class=\"icon-bar\"><\/span> <span class=\"icon-bar\"><\/span> <\/button> <!-- Navigation Links --> <div class=\"navigation\"> <div class=\"nav-content\"> <?php $t->menu->show(\"main\"); ?> <\/div> <\/div> Replace with: <?php...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/7809","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=7809"}],"version-history":[{"count":0,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/7809\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=7809"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=7809"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=7809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}