{"id":153055,"date":"2018-04-27T11:47:23","date_gmt":"2018-04-27T10:47:23","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/avant-copy\/"},"modified":"2018-04-27T14:36:52","modified_gmt":"2018-04-27T13:36:52","slug":"north","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/north\/","title":{"rendered":"North (SiteOrigin)"},"content":{"rendered":"<h3>Remove Residual Styling<\/h3>\n<p>North applies styling to the default theme menu system using !important CSS. When Max Mega Menu is enabled for the main menu, the existing !important CSS is incorrectly applied to Max Mega Menu.<\/p>\n<p><strong>Step 1<\/strong><\/p>\n<p>Copy the header.php file to your\u00a0<a href=\"https:\/\/codex.wordpress.org\/Child_Themes\">Child Theme<\/a>.<\/p>\n<p>Find:<\/p>\n<pre class=\"lang:default decode:true\">&lt;nav id=\"site-navigation\" class=\"main-navigation\"&gt;<\/pre>\n<p>Replace with:<\/p>\n<pre class=\"lang:default decode:true \">&lt;nav id=\"site-navigation\"&gt;<\/pre>\n<p><em>This edit removes the &#8220;main-navigation&#8221; class from the menu wrapper, which in turn stops the theme from being able to apply its own CSS to the menu.<\/em><\/p>\n<p><strong>Step 2<\/strong><\/p>\n<p>To move the menu back into it&#8217;s old position, go to <em>Appearance &gt; Customize &gt; Additional CSS<\/em> and enter the following:<\/p>\n<pre class=\"lang:default decode:true \">#site-navigation {\r\n    display: table-cell;\r\n    vertical-align: middle;\r\n}<\/pre>\n<h3>Mobile Menu<\/h3>\n<p>To push the mobile menu onto it&#8217;s own row on smaller screens, go to <em>Appearance &gt; Customize &gt; Additional CSS<\/em> and enter the following:<\/p>\n<pre class=\"lang:default decode:true \">@media screen and (max-width: 600px) {\r\n    #masthead .site-branding {\r\n        display: block;\r\n    }\r\n    #masthead #site-navigation {\r\n      margin-top: 20px;\r\n      display: block;\r\n    }\r\n}<\/pre>\n<p>You can adjust the &#8220;max-width&#8221; value to determine at which screen sizes (and below) the menu should be pushed onto a new line.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Remove Residual Styling North applies styling to the default theme menu system using !important CSS. When Max Mega Menu is enabled for the main menu, the existing !important CSS is incorrectly applied to Max Mega Menu. Step 1 Copy the header.php file to your\u00a0Child Theme. Find: &lt;nav id=&#8221;site-navigation&#8221; class=&#8221;main-navigation&#8221;&gt; Replace&#8230;<\/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-153055","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":"Remove Residual Styling North applies styling to the default theme menu system using !important CSS. When Max Mega Menu is enabled for the main menu, the existing !important CSS is incorrectly applied to Max Mega Menu. Step 1 Copy the header.php file to your\u00a0Child Theme. Find: &lt;nav id=\"site-navigation\" class=\"main-navigation\"&gt; Replace...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/153055","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=153055"}],"version-history":[{"count":6,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/153055\/revisions"}],"predecessor-version":[{"id":153072,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/153055\/revisions\/153072"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=153055"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=153055"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=153055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}