{"id":107470,"date":"2017-03-09T12:16:45","date_gmt":"2017-03-09T12:16:45","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/menu-border-shadow-copy\/"},"modified":"2017-03-09T12:29:28","modified_gmt":"2017-03-09T12:29:28","slug":"configuring-mobile-menu-plugins","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/configuring-mobile-menu-plugins\/","title":{"rendered":"Configuring mobile menu plugins to work with Max Mega Menu"},"content":{"rendered":"<p>There are many plugins available which will add a dedicated mobile menu to your website. If you prefer to use one of these instead of the default Max Mega Menu mobile menu, these instructions will help you configure your dedicated mobile menu plugin.<\/p>\n<p>There are many dedicated mobile menu plugins available, including <a href=\"https:\/\/en-gb.wordpress.org\/plugins\/responsive-menu\/\">Responsive Menu<\/a> and <a href=\"https:\/\/en-gb.wordpress.org\/plugins\/shiftnav-responsive-mobile-menu\/\">ShiftNav<\/a>.<\/p>\n<p>These plugins are configured in much the same way (requiring the CSS selector of the menu to hide), in this example we will use Responsive Menu.<\/p>\n<h3>The Responsive Menu main settings<\/h3>\n<p><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/responsive-menu-settings.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-107472\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/responsive-menu-settings.png\" alt=\"\" width=\"1532\" height=\"898\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/responsive-menu-settings.png 1532w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/responsive-menu-settings-300x176.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/responsive-menu-settings-768x450.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/responsive-menu-settings-1024x600.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/responsive-menu-settings-50x29.png 50w\" sizes=\"auto, (max-width: 1532px) 100vw, 1532px\" \/><\/a><\/p>\n<h3>How to find the &#8220;CSS of Menu to Hide&#8221;<\/h3>\n<p>Right click on your webpage and go to &#8220;View Source&#8221;.<\/p>\n<p>Search for &#8220;mega-menu-wrap&#8221;:<\/p>\n<p><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/mega-menu-wrap.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-107473\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/mega-menu-wrap.png\" alt=\"\" width=\"2384\" height=\"866\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/mega-menu-wrap.png 2384w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/mega-menu-wrap-300x109.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/mega-menu-wrap-768x279.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/mega-menu-wrap-1024x372.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/mega-menu-wrap-50x18.png 50w\" sizes=\"auto, (max-width: 2384px) 100vw, 2384px\" \/><\/a><\/p>\n<p>You should find an <strong>ID<\/strong> which looks <em>similar<\/em> to the above (mega-menu-wrap-primary) &#8211; the last word (primary) may be different depending on your theme setup.<\/p>\n<p>Copy this ID, and <strong>prefix it with &#8220;#&#8221;<\/strong>. You should end up with something like:<\/p>\n<pre class=\"lang:default decode:true \">#mega-menu-wrap-primary<\/pre>\n<p>This is the selector to paste into the &#8220;CSS of Menu to Hide&#8221; field.<\/p>\n<p><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/responsive-menu-css-of-menu-to-hide.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-107474\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/responsive-menu-css-of-menu-to-hide.png\" alt=\"\" width=\"1538\" height=\"904\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/responsive-menu-css-of-menu-to-hide.png 1538w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/responsive-menu-css-of-menu-to-hide-300x176.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/responsive-menu-css-of-menu-to-hide-768x451.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/responsive-menu-css-of-menu-to-hide-1024x602.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/03\/responsive-menu-css-of-menu-to-hide-50x29.png 50w\" sizes=\"auto, (max-width: 1538px) 100vw, 1538px\" \/><\/a><\/p>\n<h3>Plugin Support<\/h3>\n<p>Please note, although we have documented how to configure these plugins with Max Mega Menu, as we are not the authors we do not support them ourselves. Any support issues related to these plugins should be directed to the plugin authors.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are many plugins available which will add a dedicated mobile menu to your website. If you prefer to use one of these instead of the default Max Mega Menu mobile menu, these instructions will help you configure your dedicated mobile menu plugin. There are many dedicated mobile menu plugins&#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":[14],"ht-kb-tag":[],"class_list":["post-107470","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":"There are many plugins available which will add a dedicated mobile menu to your website. If you prefer to use one of these instead of the default Max Mega Menu mobile menu, these instructions will help you configure your dedicated mobile menu plugin. There are many dedicated mobile menu plugins...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/107470","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=107470"}],"version-history":[{"count":4,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/107470\/revisions"}],"predecessor-version":[{"id":107477,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/107470\/revisions\/107477"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=107470"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=107470"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=107470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}