Menu Items Overlapping on Mobile Menu
-
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]
-
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:
Regards,
Tom
- The topic ‘Menu Items Overlapping on Mobile Menu’ is closed to new replies.
