No menu on mobile device

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

    (@megamenu)

    Hi Yunis,

    Please remove this CSS (its hiding the mobile menu)

    @media only screen and (max-width : $responsive_breakpoint) {
#{$wrap} {
display: none;
}
}

    The aweber menu could be replicated with MMM but it would take some work. It seems like it would be a good candidate for a blog post (How to create an Aweber.com style menu with MMM) so I’ll take a look at that later this week.

    Regards,
    Tom

    Thread Starter Yunis777

    (@yunis777)

    Hi Tom,

    Thanks for your reply. I removed the CSS code from the Custom Styling (CSS editor) as you suggested and it still does not appear properly.

    The following are some screenshots on how it is appearing on my mobile device.
    https://s27.postimg.org/wdsrg1rlf/Screenshot_2015_09_02_02_09_14.png
    https://s2.postimg.org/cizssfpi1/Screenshot_2015_09_02_02_24_56.png
    (Before it was touched)

    What adjustment can be carried out to make it appear properly on a mobile device?

    According to you, which WordPress theme does Max Mega Menu plugin work best with?

    Look forward to hearing from you.

    Kind regards,

    Yunis

    Plugin Author megamenu

    (@megamenu)

    Hi Yunis,

    Any theme that doesn’t customize the native WordPress menu output too much will work nicely with MMM.

    Please remove the 775px padding you have on the menu (this padding is being applied to mobiles too). Instead, use:

    .pull-menu-right .nav-collapse {
    float: none;
}

    Regards,
    Tom

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘No menu on mobile device’ is closed to new replies.