Title: Mobile device issues
Last modified: August 30, 2016

---

# Mobile device issues

 *  [jd5am](https://wordpress.org/support/users/jd5am/)
 * (@jd5am)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/mobile-device-issues-1/)
 * Hi there – I seem to have all sorts of issues with displaying an appropriate 
   menu on mobile devices. I’m trying to display the hamburger-menu for all mobile-
   devices (tablet and phones).
 * Basically, I have removed all previous theme code that surrounds <?php wp_nav_menu
   in my header file and this kind of helps, but still I have issues e.g. on ipad,
   the menu is displayed far-right of the header (which is correct) but it then 
   hides the logo (which is far-left and supposed to be there).
 * Then, on my iPhone, the hamburger icon is displayed ‘touching’ the logo i.e. 
   immediately adjacent to the logo.
 * Finally, how do I change the fonts so they are smaller, on mobile devices? I 
   think this will look much neater.
 * The site is: [http://www.startupfundingclub.com](http://www.startupfundingclub.com)
 * Any help is appreciated! Thanks.
 * [https://wordpress.org/plugins/megamenu/](https://wordpress.org/plugins/megamenu/)

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

 *  Plugin Author [megamenu](https://wordpress.org/support/users/megamenu/)
 * (@megamenu)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-issues-1/#post-6556494)
 * Hi jd5am,
 * To reduce the font size on mobile please add this to the Custom Styling area 
   of the menu theme:
 *     ```
       @media screen and (max-width: $responsive_breakpoint) {
           #{$wrap} * {
           	font-size: 12px !important
           }
       }
       ```
   
 * You will need to ask your theme authors about the logo issue, I only cover menu
   related support here.
 * Regards,
    Tom
 *  Thread Starter [jd5am](https://wordpress.org/support/users/jd5am/)
 * (@jd5am)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-issues-1/#post-6556508)
 * thanks a million! 🙂
 *  Thread Starter [jd5am](https://wordpress.org/support/users/jd5am/)
 * (@jd5am)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-issues-1/#post-6556514)
 * Just a thought, however, how would it be possible to reduce the width of the 
   menu? The width of the menu is quite a lot larger than the item with the largest
   number of characters….
 * Thanks Tom.
 * Regards,
 * Jay
 *  Plugin Author [megamenu](https://wordpress.org/support/users/megamenu/)
 * (@megamenu)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-issues-1/#post-6556526)
 * Hi Jay,
 * You have the responsive breakpoint set at 1024px at the moment. I suggest reducing
   that down as low as possible so the mobile menu is only displayed when absolutely
   needed (the default responsive breakpoint is 600px).
 * Regards,
    Tom

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

The topic ‘Mobile device issues’ is closed to new replies.

 * ![](https://ps.w.org/megamenu/assets/icon-128x128.png?rev=1489843)
 * [Max Mega Menu](https://wordpress.org/plugins/megamenu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/megamenu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/megamenu/)
 * [Active Topics](https://wordpress.org/support/plugin/megamenu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/megamenu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/megamenu/reviews/)

## Tags

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

 * 4 replies
 * 2 participants
 * Last reply from: [megamenu](https://wordpress.org/support/users/megamenu/)
 * Last activity: [10 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-issues-1/#post-6556526)
 * Status: not resolved