{"id":106218,"date":"2017-02-23T09:44:28","date_gmt":"2017-02-23T09:44:28","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/wisteria-copy\/"},"modified":"2017-02-23T09:53:50","modified_gmt":"2017-02-23T09:53:50","slug":"swell","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/swell\/","title":{"rendered":"Swell"},"content":{"rendered":"

Fix mobile menu and residual styling<\/h3>\n

Step 1
\n<\/strong>
\nGo to Appearance > Customize > Additional CSS<\/em> and paste in the following:<\/p>\n

@media only screen and (min-width: 700px) {\r\n    #main-nav-mega {\r\n\tright: 0;\r\n\tposition: absolute;\r\n\tmargin-top: -6px;\r\n    }\r\n}<\/pre>\n
Step 2<\/strong><\/p>\n
Copy the theme header.php file to your Child Theme<\/a>.<\/p>\n
Find:<\/p>\n
<div id=\"main-nav\" class=\"\">\r\n\r\n\t<?php wp_nav_menu( array(\r\n\t\t'container'\t\t\t=> 'nav',\r\n\t\t'container_id'\t\t=> 'main-menu',\r\n\t\t'menu_class' \t\t=> 'sf-menu clear',\r\n\t\t'theme_location'\t=> 'primary',\r\n\t\t'fallback_cb' \t\t=> 'main_nav'\r\n\t) ); ?>\r\n\r\n<\/div>\r\n<a href=\"#main-menu\" id=\"menu-toggle\"><\/a><\/pre>\n
Replace with:<\/p>\n
<div id=\"main-nav-mega\" class=\"\">\r\n\r\n\t<?php wp_nav_menu( array(\r\n\t\t'container'\t\t\t=> 'nav',\r\n\t\t'container_id'\t\t=> 'main-menu',\r\n\t\t'menu_class' \t\t=> 'sf-menu clear',\r\n\t\t'theme_location'\t=> 'primary',\r\n\t\t'fallback_cb' \t\t=> 'main_nav'\r\n\t) ); ?>\r\n\r\n<\/div><\/pre>\n","protected":false},"excerpt":{"rendered":"
Fix mobile menu and residual styling Step 1 Go to Appearance > Customize > Additional CSS and paste in the following: @media only screen and (min-width: 700px) { #main-nav-mega { right: 0; position: absolute; margin-top: -6px; } } Step 2 Copy the theme header.php file to your Child Theme. Find:…<\/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-106218","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":"Fix mobile menu and residual styling Step 1 Go to Appearance > Customize > Additional CSS and paste in the following: @media only screen and (min-width: 700px) { #main-nav-mega { right: 0; position: absolute; margin-top: -6px; } } Step 2 Copy the theme header.php file to your Child Theme. Find:...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/106218","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=106218"}],"version-history":[{"count":6,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/106218\/revisions"}],"predecessor-version":[{"id":106225,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/106218\/revisions\/106225"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=106218"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=106218"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=106218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}