Double Tap for Mega Menu on iPadOS

Hi there,

Can I check the issue on your site?

I can not test, I tried with my iPad, but it’s not wide enough to see the mega menu in landscape mode.

I’m not sure if it’s related, can you try disabling the mobile sticky navigation to test?

Thanks for that, I tested with a regular iPad, but I didn’t see the issue, everything opens on 1st tap.

I tried every sub-sub-menu/sub-sub-sub-menu of Kategorien.

I asked other staff to test it on an iPad, and David confirmed that he can see the issue too.

It is a tricky issue, we noticed that the Kategorien has several child LIs, eg. TECHNIK has a link, followed by a UL, can you try removing the link from TECHNIK to test?

Great!

You have this CSS:

nav .main-nav .mega-menu.mega-menu-col-5> ul {
    display: grid !important;
    grid-template-columns: repeat(4, 250px);
    justify-content: center;
}

Change it to:

nav .main-nav .mega-menu.mega-menu-col-5.sfHover> ul {
    display: grid !important;
    grid-template-columns: repeat(4, 250px);
    justify-content: center;
}

Missed one CSS, change this CSS:

@media (min-width: 769px) {
    nav .main-nav .mega-menu> ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: flex;
        flex-wrap: wrap;
    }
}

to:

@media (min-width: 769px) {
    nav .main-nav .mega-menu.sfHover > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: flex;
        flex-wrap: wrap;
    }
}