{"id":13308,"date":"2016-03-16T09:51:50","date_gmt":"2016-03-16T09:51:50","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/faqs\/theme-integration\/redwood-by-solopine-copy\/"},"modified":"2025-07-09T17:07:49","modified_gmt":"2025-07-09T16:07:49","slug":"salient","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/salient\/","title":{"rendered":"Salient"},"content":{"rendered":"<h3>Theme Setup<\/h3>\n<blockquote><p>These instructions have been tested with Salient v10.x<\/p><\/blockquote>\n<h3>Step 1 &#8211; Remove Residual Styling<\/h3>\n<p>Salient includes its own Mega Menu JavaScript (superfish.js) which conflicts with Max Mega Menu.<\/p>\n<p>To stop superfish.js from being applied to the menu, install the <a href=\"https:\/\/wordpress.org\/plugins\/tc-custom-javascript\/\">TC Custom JavaScript<\/a> plugin. Go to <em>Appearance &gt; Custom JavaScript<\/em> and enter the following:<\/p>\n<pre class=\"lang:default decode:true \">jQuery.holdReady( true );\r\njQuery(\".sf-menu #mega-menu-wrap-top_nav\").unwrap();\r\njQuery.holdReady( false );<\/pre>\n<h3>Step 2: Menu Theme Setup<\/h3>\n<p>Go to <em>Mega Menu &gt; Menu Themes &gt; Menu Bar<\/em> and set the Menu Height to 90px.<\/p>\n<p>Go to <em>Mega Menu &gt; Menu Themes &gt; Mega Menus<\/em> and set the Panel Width (Outer) to: <span class=\"lang:default decode:true crayon-inline \">.container .row<\/span><\/p>\n<h3>Step 3: Mobile Menu<\/h3>\n<h4>Option 1: Show the default theme mobile menu (recommended)<\/h4>\n<p>If you would like to restore the default theme mobile behaviour, go to <em>Mega Menu &gt; Menu Locations <\/em>and expand the Top Navigation Menu Settings. In the Advanced tab, set the Active Instance to either 1 or 2 (test on mobile to see which works correctly for your theme configuration):<\/p>\n<p><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/03\/salient-active-location-scaled.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-429103\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/03\/salient-active-location-scaled.png\" alt=\"\" width=\"2560\" height=\"1758\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/03\/salient-active-location-scaled.png 2560w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/03\/salient-active-location-300x206.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/03\/salient-active-location-1024x703.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/03\/salient-active-location-768x527.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/03\/salient-active-location-50x34.png 50w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/03\/salient-active-location-1536x1055.png 1536w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/03\/salient-active-location-2048x1407.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/a><\/p>\n<h4>Option 2: Show the Max Mega Menu mobile menu<\/h4>\n<p>Set the Active Menu instance back to 0.<\/p>\n<p>Go to <em>Mega Menu &gt; Menu Themes &gt; Mobile Menu<\/em> and set the Responsive Breakpoint to <strong>1000px<\/strong>.<\/p>\n<p>Go to <em>Mega Menu &gt; Menu Themes &gt; Custom Stylin<\/em>g and add the following:<\/p>\n<pre class=\"lang:default decode:true\">@include mobile {\r\n\tbody.mega-menu-top-nav #header-outer #top {\r\n\t\t.mobile-header {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t\t.nectar-mobile-only.mobile-header .inner {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t\t.col.span_9 {\r\n\t\t\twidth: 100% !important;\r\n\t\t\tposition: relative !important;\r\n\t\t}\r\n\t\t.span_9 &gt; .slide-out-widget-area-toggle,\r\n\t\t.span_3,\r\n\t\t.buttons.sf-menu {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n}\r\n@include desktop {\r\n\t.nectar-mobile-only #{$wrap} {\r\n\t\tdisplay: none !important;\r\n\t}\r\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Theme Setup These instructions have been tested with Salient v10.x Step 1 &#8211; Remove Residual Styling Salient includes its own Mega Menu JavaScript (superfish.js) which conflicts with Max Mega Menu. To stop superfish.js from being applied to the menu, install the TC Custom JavaScript plugin. Go to Appearance &gt; Custom&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[15],"ht-kb-tag":[],"class_list":["post-13308","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":"Theme Setup These instructions have been tested with Salient v10.x Step 1 &#8211; Remove Residual Styling Salient includes its own Mega Menu JavaScript (superfish.js) which conflicts with Max Mega Menu. To stop superfish.js from being applied to the menu, install the TC Custom JavaScript plugin. Go to Appearance &gt; Custom...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/13308","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=13308"}],"version-history":[{"count":28,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/13308\/revisions"}],"predecessor-version":[{"id":429232,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/13308\/revisions\/429232"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=13308"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=13308"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=13308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}