Viewing 10 replies - 1 through 10 (of 10 total)
  • Hi,

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

    Regards,
    Hardeep

    Thread Starter misskris

    (@misskris)

    Thread Starter misskris

    (@misskris)

    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

    Thread Starter misskris

    (@misskris)

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

    Hardeep Asrani

    (@hardeepasrani)

    Hi,

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

    Regards,
    Hardeep

    Thread Starter misskris

    (@misskris)

    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.

    Hardeep Asrani

    (@hardeepasrani)

    Hi,

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

    Regards,
    Hardeep

    Thread Starter misskris

    (@misskris)

    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.

    Hardeep Asrani

    (@hardeepasrani)

    Hi,

    Try adding following CSS:

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

    This should fix it. 🙂

    Regards,
    Hardeep

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘overlap in mobile navigation menu’ is closed to new replies.