Mobile device issues

  • jd5am

    (@jd5am)


    10 years, 8 months ago

    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

    Any help is appreciated! Thanks.

    https://ww.wp.xz.cn/plugins/megamenu/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author megamenu

    (@megamenu)

    10 years, 8 months ago

    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

    (@jd5am)

    10 years, 8 months ago

    thanks a million! 🙂

    Thread Starter jd5am

    (@jd5am)

    10 years, 8 months ago

    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

    (@megamenu)

    10 years, 8 months ago

    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.

Tags