Title: Mobile menu fully expanded?
Last modified: August 31, 2016

---

# Mobile menu fully expanded?

 *  [Janco147](https://wordpress.org/support/users/janco147/)
 * (@janco147)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/mobile-menu-fully-expanded/)
 * Hello!
 * Love the theme.
 * Question: the mobile menu is always fully unrolled, with all sub-menus showing.
 * Is there a way to not expand sub-menus until you tap them?
 * would be great.
 * see example here [http://www.test2.websitehebben.com/](http://www.test2.websitehebben.com/)
   
   go to mobile view and look at Products 😉 It’s a long, long list…
 * Regards
 * Janco

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [coredesigners.net](https://wordpress.org/support/users/coredesigners/)
 * (@coredesigners)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/mobile-menu-fully-expanded/#post-7404428)
 * You have to hide the products sub-menu. It should expand when someone clicks 
   it.
 * I have included a sample example which would help you.
 * You need to add this type of JavaScript:
 *     ```
       $(function() {
         var menuVisible = false;
         $('#menuBtn').click(function() {
           if (menuVisible) {
             $('#myMenu').css({'display':'none'});
             menuVisible = false;
             return;
           }
           $('#myMenu').css({'display':'block'});
           menuVisible = true;
         });
         $('#myMenu').click(function() {
           $(this).css({'display':'none'});
           menuVisible = false;
         });
       });
       ```
   
 * For this HTML code:
 *     ```
       <div id="menuBtn">click me</div>
       <nav id="myMenu">
         <ul>
           <li>entry 1</li>
           <li>entry 2</li>
           <li>entry 3</li>
           <li>entry 4</li>
         </ul>
       </nav>
       ```
   
 *  Theme Author [CyberChimps](https://wordpress.org/support/users/cyberchimps/)
 * (@cyberchimps)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/mobile-menu-fully-expanded/#post-7404757)
 * Thanks [@coredesigners](https://wordpress.org/support/users/coredesigners/).net
   
   Hi [@janco147](https://wordpress.org/support/users/janco147/), I hope your issue
   is resolved now. You can also raise the query at CyberChimps forums: [http://cyberchimps.com/forum/](http://cyberchimps.com/forum/)
 *  Thread Starter [Janco147](https://wordpress.org/support/users/janco147/)
 * (@janco147)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/mobile-menu-fully-expanded/#post-7404758)
 * thanks for the help guys, unfortunately I do not have it working just yet.
 * I included the script in the theme footer like this:
 * ‘</footer><!– #footer –>
    <?php responsive_mobile_footer_after(); ?> <?php responsive_mobile_body_bottom();?
   > <?php wp_footer(); ?> <script> $(function() { var menuVisible = false; $(‘#
   mobile-nav-button’).click(function() { if (menuVisible) { $(‘.main-nav’).css({‘
   display’:’none’}); menuVisible = false; return; } $(‘.main-nav’).css({‘display’:’
   block’}); menuVisible = true; }); $(‘.main-nav’).click(function() { $(this).css({‘
   display’:’none’}); menuVisible = false; }); }); </script> </body> </html>’
 * since the html is like this, I adjusted the script for ids and classes accordingly:
 * ‘<button id=”mobile-nav-button”></button>
    <div class=”main-nav”> <ul id=”menu-
   main-menu-en” class=”menu”> <li id=”menu-item-812″ class=”menu-item menu-item-
   type-post_type menu-item-object-page current-menu-item page_item page-item-793
   current_page_item menu-item-812″>[Home](http://www.test2.websitehebben.com/)
 * </div>’
 * BUT: nothing happens… any ideas?
 *  Theme Author [CyberChimps](https://wordpress.org/support/users/cyberchimps/)
 * (@cyberchimps)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/mobile-menu-fully-expanded/#post-8233271)
 * Hi,
 * I am really sorry for the late reply.
    I think maybe these plugins can be helpful.
   Admin Menu Editor : [https://wordpress.org/plugins/admin-menu-editor/](https://wordpress.org/plugins/admin-menu-editor/)
   Responsive Menu : [https://wordpress.org/plugins/responsive-menu/](https://wordpress.org/plugins/responsive-menu/)

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Mobile menu fully expanded?’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/responsive-mobile/1.15.1/screenshot.
   jpg)
 * Responsive Mobile
 * [Support Threads](https://wordpress.org/support/theme/responsive-mobile/)
 * [Active Topics](https://wordpress.org/support/theme/responsive-mobile/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/responsive-mobile/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/responsive-mobile/reviews/)

## Tags

 * [expand](https://wordpress.org/support/topic-tag/expand/)

 * 4 replies
 * 3 participants
 * Last reply from: [CyberChimps](https://wordpress.org/support/users/cyberchimps/)
 * Last activity: [9 years, 6 months ago](https://wordpress.org/support/topic/mobile-menu-fully-expanded/#post-8233271)
 * Status: not resolved