{"id":19456,"date":"2016-06-16T10:47:40","date_gmt":"2016-06-16T09:47:40","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/faqs\/disable-mobile-toggle-copy\/"},"modified":"2025-04-28T09:20:14","modified_gmt":"2025-04-28T08:20:14","slug":"footer-mega-menu-upwards","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/footer-mega-menu-upwards\/","title":{"rendered":"Footer Mega Menu"},"content":{"rendered":"<p>To make the sub menus for your mega menu appear above the menu bar instead of below, go to <em>Mega Menu &gt; Menu Themes<\/em> and insert the following into the Custom Styling area:<\/p>\n<pre class=\"lang:default decode:true \">@include desktop {\r\n    \/* Invert sub menu *\/\r\n    #{$wrap} #{$menu} li.mega-menu-item &gt; ul.mega-sub-menu {\r\n        bottom: $menu_item_link_height;\r\n    }\r\n    #{$wrap} #{$menu} &gt; li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {\r\n        bottom: 0;\r\n        top: auto;\r\n    }\r\n}<\/pre>\n<p>Tip: If you want the sub menu indicator to point upwards instead of downwards, go to <em>Mega Menu &gt; Menu Themes &gt; General Settings &gt; Arrows<\/em>\u00a0and set the Down Arrow to an upwards pointing arrow.<\/p>\n<h3>Mobile Menu<\/h3>\n<p>To make the mobile sub menu appear above the toggle bar instead of below it, go to <em>Mega Menu &gt; Menu Themes<\/em> and insert the following into the Custom Styling area:<\/p>\n<pre class=\"lang:default decode:true\">@include mobile {\r\n    #{$wrap} #{$menu} {\r\n        bottom: $toggle_bar_height;\r\n        position: absolute;\r\n        width: 100%;\r\n    }\r\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>To make the sub menus for your mega menu appear above the menu bar instead of below, go to Mega Menu &gt; Menu Themes and insert the following into the Custom Styling area: @include desktop { \/* Invert sub menu *\/ #{$wrap} #{$menu} li.mega-menu-item &gt; ul.mega-sub-menu { bottom: $menu_item_link_height; }&#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":[14],"ht-kb-tag":[],"class_list":["post-19456","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-faqs"],"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":"To make the sub menus for your mega menu appear above the menu bar instead of below, go to Mega Menu &gt; Menu Themes and insert the following into the Custom Styling area: @include desktop { \/* Invert sub menu *\/ #{$wrap} #{$menu} li.mega-menu-item &gt; ul.mega-sub-menu { bottom: $menu_item_link_height; }...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/19456","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=19456"}],"version-history":[{"count":5,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/19456\/revisions"}],"predecessor-version":[{"id":425852,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/19456\/revisions\/425852"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=19456"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=19456"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=19456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}