{"id":250787,"date":"2020-06-30T11:54:39","date_gmt":"2020-06-30T10:54:39","guid":{"rendered":"https:\/\/www.megamenu.com\/?post_type=ht_kb&#038;p=250787"},"modified":"2020-09-30T10:26:38","modified_gmt":"2020-09-30T09:26:38","slug":"stockie","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/stockie\/","title":{"rendered":"Stockie"},"content":{"rendered":"<h3>Theme Setup<\/h3>\n<p>Make sure the Extended Menu in the theme settings is set to &#8216;Choose menu&#8217;:<\/p>\n<p><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/06\/stockie-extended-menu.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-250789\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/06\/stockie-extended-menu.png\" alt=\"\" width=\"2342\" height=\"786\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/06\/stockie-extended-menu.png 2342w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/06\/stockie-extended-menu-300x101.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/06\/stockie-extended-menu-1024x344.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/06\/stockie-extended-menu-768x258.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/06\/stockie-extended-menu-50x17.png 50w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/06\/stockie-extended-menu-1536x515.png 1536w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/06\/stockie-extended-menu-2048x687.png 2048w\" sizes=\"auto, (max-width: 2342px) 100vw, 2342px\" \/><\/a><\/p>\n<h3>Fix Icon Styling<\/h3>\n<p>Go to <em>Mega Menu &gt; Menu Themes &gt; Custom Styling<\/em>\u00a0and add the following:<\/p>\n<pre class=\"lang:default decode:true\">#{$wrap} #{$menu} a:before {\r\n\tbottom: auto;\r\n\tleft: auto;\r\n\topacity: 1;\r\n}\r\n#{$wrap} #{$menu} a:not([class^='dashicons']):not([class^='fa']):not([class^='custom']):not([class^='genericon']):before {\r\n\tcontent: normal;\r\n}<\/pre>\n<h3>Full Width Sub Menus<\/h3>\n<p>To make the mega sub menus span the width of the header, go to Mega Menu &gt; Menu Themes &gt; Mega Menus and set the Panel Width (Outer) to:<\/p>\n<pre class=\"lang:default decode:true \">.header-wrap-inner<\/pre>\n<h3>Fix Mobile Menu<\/h3>\n<p>Copy the <span class=\"lang:default decode:true crayon-inline \">parts\/elements\/header-menu-nav.php<\/span>\u00a0 file to your child theme, keeping the directory structure intact.<\/p>\n<p>Find:<\/p>\n<pre class=\"lang:default decode:true\">&lt;div id=\"mega-menu-wrap\" class=\"main-nav-container\"&gt;<\/pre>\n<p>Replace with:<\/p>\n<pre class=\"lang:default decode:true\">&lt;div id=\"mega-menu-wrap-mmm\" class=\"main-nav-container\"&gt;<\/pre>\n<p>Save the file.<\/p>\n<p>Next, from your WordPress dashboard go to <em>Mega Menu &gt; Menu Themes &gt; Custom Styling<\/em> and add the following:<\/p>\n<pre class=\"lang:default decode:true\">#{$wrap} #{$menu} {\r\n    visibility: inherit;\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Theme Setup Make sure the Extended Menu in the theme settings is set to &#8216;Choose menu&#8217;: Fix Icon Styling Go to Mega Menu &gt; Menu Themes &gt; Custom Styling\u00a0and add the following: #{$wrap} #{$menu} a:before { bottom: auto; left: auto; opacity: 1; } #{$wrap} #{$menu} a:not([class^=&#8217;dashicons&#8217;]):not([class^=&#8217;fa&#8217;]):not([class^=&#8217;custom&#8217;]):not([class^=&#8217;genericon&#8217;]):before { content: normal; }&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[15],"ht-kb-tag":[],"class_list":["post-250787","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 Make sure the Extended Menu in the theme settings is set to &#8216;Choose menu&#8217;: Fix Icon Styling Go to Mega Menu &gt; Menu Themes &gt; Custom Styling\u00a0and add the following: #{$wrap} #{$menu} a:before { bottom: auto; left: auto; opacity: 1; } #{$wrap} #{$menu} a:not([class^='dashicons']):not([class^='fa']):not([class^='custom']):not([class^='genericon']):before { content: normal; }...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/250787","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=250787"}],"version-history":[{"count":8,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/250787\/revisions"}],"predecessor-version":[{"id":264027,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/250787\/revisions\/264027"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=250787"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=250787"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=250787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}