overlap in mobile navigation menu

Hi,

I can’t get the issue. Please link a screenshot so I could understand the issue. ??

Regards,
Hardeep

Screenshot of menu problem

I am seeing it using an android phone with chrome and also with an iphone using safari. I can also get it to show up if I use firefox on my computer and just make the browser window small enough to get the mobile menu.

Hi,

Please add the following CSS to your WordPres, using Simple Custom CSS plugin, to fix this issue:

nav .navigation-menu ul li ul li a {
    overflow: hidden;
}

Regards,
Hardeep

Well, that makes it look better, but now some items aren’t visible and others can’t be clicked on.

Hi,

I visited your website and all items are clickable for me. ??

Regards,
Hardeep

The items that are a problem are the ones that are third level navigation. For example, in my menu I have an item called Employer Services with the following sub items:

Employer Services
-360 Employment Review
–The Process
–Leadership Reviews
-Leadership Consulting
-Outplacement Services
-Human Resources Consulting

The sub-sub menu items, “The Process” and “Leadership Reviews” are both unclickable and are covering up “Leadership Consulting” and “Outplacement Services” so that I can’t see those at all.
This is what I see in all three browser/device combos mentioned above.

I understand if you don’t have time to resolve this for me at this time, but I think it’s a flaw in the menu system that you might want to correct for future updates.

Hi,

I again checked and it’s still working for me. As you can see here: https://s22.postimg.org/ks4ak2f6p/wporg.png

Regards,
Hardeep

Thanks for checking, but I think we have a misunderstanding. It’s the mobile menu that has the issue, the menu you see if you are looking at it on a phone, not the regular menu.

Hi,

Try adding following CSS:

nav .navigation-menu ul li {
    position: initial !important;
}

This should fix it. ??

Regards,
Hardeep