Title: Mobile menu dropdown
Last modified: February 26, 2020

---

# Mobile menu dropdown

 *  [ckubs](https://wordpress.org/support/users/ckubs/)
 * (@ckubs)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/mobile-menu-dropdown-4/)
 * Boxstyle looks like everything I’m looking for. Everytime I want to use it on
   my site something, apparently present in most of your themes puts me off. It’s
   silly, I know, but header/footer mobile menus show dropdowns expanded by default.
   Is there a CSS way to collaps them by default, to be expanded when parrent element
   is clicked or it’s arrow?
 * Thank you for any help.

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

 *  Theme Author [Alexander Agnarson](https://wordpress.org/support/users/alxmedia/)
 * (@alxmedia)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/mobile-menu-dropdown-4/#post-12487464)
 * I agree with you, this is a feature that should be added.
 * The thing is that I’m not that great at jQuery/JS, so I can’t just add it unless
   I do some research or get some help from friends.
 * I will look into this more today and see.
 * Edit: here is one implementation of it:
 * – [https://github.com/presscustomizr/hueman/commit/234da6ae31d345a7957f69d8e63e91ecb0d1f2d5](https://github.com/presscustomizr/hueman/commit/234da6ae31d345a7957f69d8e63e91ecb0d1f2d5)
 * – [https://github.com/presscustomizr/hueman/commit/234da6ae31d345a7957f69d8e63e91ecb0d1f2d5#diff-2ed7988613f58478282b2c1e69d7f9fd](https://github.com/presscustomizr/hueman/commit/234da6ae31d345a7957f69d8e63e91ecb0d1f2d5#diff-2ed7988613f58478282b2c1e69d7f9fd)
 * There should be much easier ways to do this.
 *  Thread Starter [ckubs](https://wordpress.org/support/users/ckubs/)
 * (@ckubs)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/mobile-menu-dropdown-4/#post-12488108)
 * Thank you. I’ll look at it and use it that way. Untill you figure out a way to
   implement it in themes would be nice though, if it’s possible, to remove `!important`
   from `.nav ul` in the next update.
 *  Theme Author [Alexander Agnarson](https://wordpress.org/support/users/alxmedia/)
 * (@alxmedia)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/mobile-menu-dropdown-4/#post-12488241)
 * Yeah I noticed that class there messing up potential fixes. Will make sure to
   remove it in the next update, unless it breaks something important.
 *  Theme Author [Alexander Agnarson](https://wordpress.org/support/users/alxmedia/)
 * (@alxmedia)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/mobile-menu-dropdown-4/#post-12488304)
 * Try the following:
 * In /js/scripts.js, on line 150, add the following:
 *     ```
       	$('.nav li').on('hover', function() {
       		setTimeout(function() {
       			slide($('.nav-wrap .nav'));
       		}, 200);
       	});
       ```
   
 * And in style.css on line ~597, you should see:
 *     ```
       .nav ul { display: block!important; margin-left: 40px; }
       ```
   
 * Change that to:
 *     ```
       .nav ul { display: block; margin-left: 40px; }
       ```
   
 * And finally, add this to line ~588 in style.css:
 *     ```
       .nav li > a:after,
       .nav > li > a:after { float: right; }
       ```
   
 *  Thread Starter [ckubs](https://wordpress.org/support/users/ckubs/)
 * (@ckubs)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/mobile-menu-dropdown-4/#post-12488411)
 * It works only on computer for the header menu. The footer one and both on mobile
   don’t expand when dropdown is open and what goes out the fixed container gets
   hidden.
 * I’m not a dev, but if I’ll find something to make this better, maybe an on click
   solution I’ll post it here.
 *  Theme Author [Alexander Agnarson](https://wordpress.org/support/users/alxmedia/)
 * (@alxmedia)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/mobile-menu-dropdown-4/#post-12488433)
 * I see the issues now, will work on something better. If you find a better solution,
   please share.

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

The topic ‘Mobile menu dropdown’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/boxstyle/1.3.9/screenshot.png)
 * Boxstyle
 * [Support Threads](https://wordpress.org/support/theme/boxstyle/)
 * [Active Topics](https://wordpress.org/support/theme/boxstyle/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/boxstyle/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/boxstyle/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [Alexander Agnarson](https://wordpress.org/support/users/alxmedia/)
 * Last activity: [6 years, 2 months ago](https://wordpress.org/support/topic/mobile-menu-dropdown-4/#post-12488433)
 * Status: not resolved