{"id":25102,"date":"2016-09-07T23:21:45","date_gmt":"2016-09-07T22:21:45","guid":{"rendered":"https:\/\/www.megamenu.com\/?post_type=ht_kb&#038;p=25102"},"modified":"2017-08-22T12:11:31","modified_gmt":"2017-08-22T11:11:31","slug":"the-mobile-menu-is-completely-hidden","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/the-mobile-menu-is-completely-hidden\/","title":{"rendered":"The mobile menu is completely hidden"},"content":{"rendered":"<p>By default, the Mobile Menu should appear on screen widths below 600px. You can adjust this value in the Theme Editor (see the Responsive Breakpoint setting).<\/p>\n<ul>\n<li>The menu will not switch to a mobile style menu if you have set the Responsive Breakpoint to 0px.<\/li>\n<li>The menu will not switch to a mobile style menu until your screen width is below the Responsive Breakpoint value.<\/li>\n<\/ul>\n<p>If you can&#8217;t see the mobile menu at all then it will be due to <a href=\"\/documentation\/removing-residual-styling\/\">residual styling<\/a>. Your theme will be hiding one of the elements that contains the menu. Please check to see if we already have an <a href=\"\/articles\/theme-integration\/\">integration guide<\/a> for your theme before using the following\u00a0option.<\/p>\n<p>Here is a fairly typical example of a theme hiding the menu on mobiles\/smaller screens:<\/p>\n<p><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/07\/mobile-menu-hidden.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-21052 size-large\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/07\/mobile-menu-hidden-1024x448.png\" alt=\"mobile-menu-hidden\" width=\"1024\" height=\"448\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/07\/mobile-menu-hidden-1024x448.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/07\/mobile-menu-hidden-300x131.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/07\/mobile-menu-hidden-768x336.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/07\/mobile-menu-hidden-125x55.png 125w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/07\/mobile-menu-hidden-75x33.png 75w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/07\/mobile-menu-hidden.png 1383w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>In the example above the following Custom CSS will make the mobile menu visible again:<\/p>\n<pre class=\"lang:default decode:true\">header {\r\n    display: block !important;\r\n}<\/pre>\n<p>The CSS fix will depend on your theme HTML and CSS. You will need to inspect the page using Browser Tools to identify the element which needs to be un-hidden.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>By default, the Mobile Menu should appear on screen widths below 600px. You can adjust this value in the Theme Editor (see the Responsive Breakpoint setting). The menu will not switch to a mobile style menu if you have set the Responsive Breakpoint to 0px. The menu will not switch&#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":[19],"ht-kb-tag":[],"class_list":["post-25102","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-troubleshooting"],"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":"By default, the Mobile Menu should appear on screen widths below 600px. You can adjust this value in the Theme Editor (see the Responsive Breakpoint setting). The menu will not switch to a mobile style menu if you have set the Responsive Breakpoint to 0px. The menu will not switch...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/25102","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=25102"}],"version-history":[{"count":6,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/25102\/revisions"}],"predecessor-version":[{"id":123393,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/25102\/revisions\/123393"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=25102"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=25102"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=25102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}