Title: Force mobile menu? Last modified: September 30, 2016 --- # Force mobile menu? * [mrtextdesign](https://wordpress.org/support/users/mrtextdesign/) * (@mrtextdesign) * [9 years, 7 months ago](https://wordpress.org/support/topic/force-mobile-menu/) * Hello, * I am working on a WP website for a client. I’ve chosen the Virtue theme because of its many features. What I cannot seem to get done, however, is something the client is absolutely adamant on: use the mobile menu instead of the desktop one, even when used on desktop. More specifically: they want the little hamburger symbol as the only indicator of a menu, then when they click on it, they want the various menu items in a drop down. * I’m at a loss. Is there a way to force the mobile menu, and then is there a way for it to only show the ‘hamburger’? * Thank you in advance! - This topic was modified 9 years, 7 months ago by [mrtextdesign](https://wordpress.org/support/users/mrtextdesign/). Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/force-mobile-menu/page/2/?output_format=md) [→](https://wordpress.org/support/topic/force-mobile-menu/page/2/?output_format=md) * [hannah](https://wordpress.org/support/users/hannahritner/) * (@hannahritner) * [9 years, 7 months ago](https://wordpress.org/support/topic/force-mobile-menu/#post-8240140) * Hey, In Appearance > Menus do not enable a primary navigation menu, just mobile navigation. Then add this to your custom css box in Theme Options > Advanced Settings: * ``` #mobile-nav-trigger { display: block !important; } ``` * Does that work for you? * Hannah * Thread Starter [mrtextdesign](https://wordpress.org/support/users/mrtextdesign/) * (@mrtextdesign) * [9 years, 7 months ago](https://wordpress.org/support/topic/force-mobile-menu/#post-8241109) * Hey Hannah! * Thank you very, very much! Alright, that **does** force the mobile menu. Is there a way to display _only_ the ‘hamburger’ and not the ‘menu’ label in front of it…? This already helps a lot though! * Kindest regards, May * [hannah](https://wordpress.org/support/users/hannahritner/) * (@hannahritner) * [9 years, 7 months ago](https://wordpress.org/support/topic/force-mobile-menu/#post-8242166) * You can remove the label with this css: * ``` .nav-trigger-case .kad-menu-name { display: none; } ``` * Just paste that into your custom css box in Theme Options > Advanced Settings. Hope it helps! * Hannah * Thread Starter [mrtextdesign](https://wordpress.org/support/users/mrtextdesign/) * (@mrtextdesign) * [9 years, 7 months ago](https://wordpress.org/support/topic/force-mobile-menu/#post-8242263) * Hello Hannah, * Thank you for that try, but unfortunately that seems to have broken the code 😉 The white background still appears but the menu no longer opens. * While I’m shamelessly making you ponder my problems with the code, do you perhaps have a way to center the burger on the page? * Thank you very much for your help! * Kindest regards, May * [hannah](https://wordpress.org/support/users/hannahritner/) * (@hannahritner) * [9 years, 7 months ago](https://wordpress.org/support/topic/force-mobile-menu/#post-8242530) * Ok, try adding this instead: * ``` #kad-mobile-nav { display: block; } span.kad-menu-name { display: none !important; } ``` * Does that work for you? * Hannah * Thread Starter [mrtextdesign](https://wordpress.org/support/users/mrtextdesign/) * (@mrtextdesign) * [9 years, 7 months ago](https://wordpress.org/support/topic/force-mobile-menu/#post-8243138) * Hello Hannah, * That seems to remove the menu completely, I fear, including the burger… * Kindest regards, May * [hannah](https://wordpress.org/support/users/hannahritner/) * (@hannahritner) * [9 years, 7 months ago](https://wordpress.org/support/topic/force-mobile-menu/#post-8244845) * Hmm, can you post a link? * Hannah * Thread Starter [mrtextdesign](https://wordpress.org/support/users/mrtextdesign/) * (@mrtextdesign) * [9 years, 7 months ago](https://wordpress.org/support/topic/force-mobile-menu/#post-8258442) * Hello Hannah, * My apologies for the late reply. I had to ask permission to launch the site to show you, which I have not gotten (they are currently displaying a ‘coming soon’ page while they await the big reveal). What I have been given permission for, however, is screenshots. Please note that **none** of the options you have provided so far have resulted in a working menu; they are non-functional design objects at the moment… * [This is the website now, with the PC menu](http://goldbluetrakehners.com/wp-content/uploads/2016/10/01-base.png) [This is the result for the first solution (post 8240140)](http://goldbluetrakehners.com/wp-content/uploads/2016/10/02-8240140.png) [This is the result for the second solution (post 8242166) ](http://goldbluetrakehners.com/wp-content/uploads/2016/10/03-8242166.png) [This is the result for the third solution (post 8242530)](http://goldbluetrakehners.com/wp-content/uploads/2016/10/04-8242530.png) * Thank you for any help you might be able to provide! * Kindest regards, May * [hannah](https://wordpress.org/support/users/hannahritner/) * (@hannahritner) * [9 years, 7 months ago](https://wordpress.org/support/topic/force-mobile-menu/#post-8259486) * Are you sure the last bit ins’t working? Try changing your menu color in Theme Options > Menu Settings to ensure it’s not just blending in. * Hannah * Thread Starter [mrtextdesign](https://wordpress.org/support/users/mrtextdesign/) * (@mrtextdesign) * [9 years, 7 months ago](https://wordpress.org/support/topic/force-mobile-menu/#post-8260237) * [I](http://goldbluetrakehners.com/wp-content/uploads/2016/10/05.png) [am](http://goldbluetrakehners.com/wp-content/uploads/2016/10/07.png) [afraid](http://goldbluetrakehners.com/wp-content/uploads/2016/10/06.png) [not](http://goldbluetrakehners.com/wp-content/uploads/2016/10/08.png)… * [hannah](https://wordpress.org/support/users/hannahritner/) * (@hannahritner) * [9 years, 7 months ago](https://wordpress.org/support/topic/force-mobile-menu/#post-8260388) * Ok, sorry! I’ve made this confusing. The first bit of css wasn’t supposed to be removed. So remove what you have and use all this: * ``` #mobile-nav-trigger { display: block !important; } #kad-mobile-nav { display: block; } span.kad-menu-name { display: none !important; } .nav-trigger .nav-trigger-case { width: 55px; } ``` * I think that will work:) Let me know if not! * Hannah * Thread Starter [mrtextdesign](https://wordpress.org/support/users/mrtextdesign/) * (@mrtextdesign) * [9 years, 7 months ago](https://wordpress.org/support/topic/force-mobile-menu/#post-8260424) * It works! Hannah, you are my hero!! Thank you so very much! * Now I have one more tiiiiny question: can it be centered…? * Kindest regards, May * [hannah](https://wordpress.org/support/users/hannahritner/) * (@hannahritner) * [9 years, 7 months ago](https://wordpress.org/support/topic/force-mobile-menu/#post-8261004) * Try removing the above and adding this: * ``` #mobile-nav-trigger { display: block !important; } #kad-mobile-nav { display: block; } span.kad-menu-name { display: none !important; } .nav-trigger .nav-trigger-case { width: 100%; } .nav-trigger-case .kad-navbtn { float: none; } ``` * Does that work for you? * Hannah * Thread Starter [mrtextdesign](https://wordpress.org/support/users/mrtextdesign/) * (@mrtextdesign) * [9 years, 7 months ago](https://wordpress.org/support/topic/force-mobile-menu/#post-8261823) * Ah, [I see what you did](http://goldbluetrakehners.com/wp-content/uploads/2016/10/09.png)! Is there a way to just have the small, 5% square centered, though? This is rather…. overwhelming XD * Thank you, really, for your efforts! * Kindest regards, May - This reply was modified 9 years, 7 months ago by [mrtextdesign](https://wordpress.org/support/users/mrtextdesign/). * [hannah](https://wordpress.org/support/users/hannahritner/) * (@hannahritner) * [9 years, 7 months ago](https://wordpress.org/support/topic/force-mobile-menu/#post-8264033) * Try also adding this: * ``` #mobile-nav-trigger { width: 50%; } .nav-trigger .nav-trigger-case { width: auto; } ``` * Is that what you’re thinking? * Hannah Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/force-mobile-menu/page/2/?output_format=md) [→](https://wordpress.org/support/topic/force-mobile-menu/page/2/?output_format=md) The topic ‘Force mobile menu?’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/virtue/3.4.15/screenshot.png) * Virtue * [Support Threads](https://wordpress.org/support/theme/virtue/) * [Active Topics](https://wordpress.org/support/theme/virtue/active/) * [Unresolved Topics](https://wordpress.org/support/theme/virtue/unresolved/) * [Reviews](https://wordpress.org/support/theme/virtue/reviews/) ## Tags * [ascend theme](https://wordpress.org/support/topic-tag/ascend-theme/) * [kadence themes](https://wordpress.org/support/topic-tag/kadence-themes/) * [menu](https://wordpress.org/support/topic-tag/menu/) * 17 replies * 3 participants * Last reply from: [hannah](https://wordpress.org/support/users/hannahritner/) * Last activity: [9 years, 1 month ago](https://wordpress.org/support/topic/force-mobile-menu/page/2/#post-9013251) * Status: not resolved