Support » Plugin: Max Mega Menu » Menu Items Overlapping on Mobile Menu

  • Resolved daknims

    (@daknims)


    I have two menus on my client’s website (a secondary and main menu). On mobile, the main menu (the one lower down inline with the logo) has an issue where when it is opened, the menu disappears behind the menu above it. When you tap the small exposed “RESIDENTS” text, it opens up one of the menu items and all the other options are stacked on top of each other.

    I have already been through the “Mobile Menu” fix thread, but none of the options worked. What other troubleshooting steps can I follow?

    The page I need help with: [log in to see the link]

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

    (@megamenu)

    Hi daknims,

    Thanks for posting a link.

    I’ve looked for a long time but I can’t figure out the conflict here. Please can you go to Appearance > Menus > Max Mega Menu Settings and set the Event (Mobile) to one of the “Off Canvas” options? I think that should help. We may need to adjust some z-indexes afterwards.

    Regards,
    Tom

    Thread Starter daknims

    (@daknims)

    @megamenu
    Thank you for getting back to me.

    I did that, but now the menu won’t show up at all.
    Here’s how the menu looked on mobile before I adjusted the settings
    https://drive.google.com/file/d/1Dk64Op21P7dg5eKqsyOeXBsiX7Yh43iw/view?usp=drivesdk

    This is how the menu looks after I changed the effect to off canvas
    https://drive.google.com/file/d/1J1By_wB-Dimd44bKvqHHG2ZsZgfmBzdw/view?usp=drivesdk

    Plugin Author megamenu

    (@megamenu)

    Hi,

    It is showing up for me here now. There are 2 other problems, you have added a -50px margin to the a.mega-menu-items that needs to be removed, and please also add this CSS:

    #mega-menu-wrap-avia #mega-menu-avia li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
      height: auto !important;
    }

    It should look like this once you have made those changes:

    2021-11-23_10-53-48

    Regards,
    Tom

    Thread Starter daknims

    (@daknims)

    That did it, thanks so much!

    • This reply was modified 2 months ago by daknims.
Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.