Mobile Menu Navigates To Wrong Place On Page

Here's a solution that should work for you for now:

.main-navigation:not(.navigation-stick).toggled .main-nav > ul {
    position: absolute;
    left: 0;
    right: 0;
}

It makes it so the open mobile menu doesn't add to the height of the page - it looks nice too.

I'll dig deeper into this issue and get it fixed.

That works great. Thank you. And I appreciate the incredible support. I wish I were not the one to have found a potential issue, but it's been a great experience working with you.

Hi, the only thing I noticed on further testing is that the mobile menu is missing the bottom three items until I scroll down a bit, at which point they appear. I'll live and this is not a crisis. But if there is a simple way to show them on initial load that would be cool. Thanks!

Ah, replace this:

.main-navigation:not(.navigation-stick).toggled .main-nav > ul {
    position: absolute;
    left: 0;
    right: 0;
}

With this:

.main-navigation:not(.navigation-stick).toggled .main-nav > ul {
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
}

That should fix it :)

Boom! We have a winner. Thanks!

Update:
Oops...one last thing...On this page: https://dockrocket.wpengine.com/lets-talk/
The menu disappears for some reason still until I scroll down. I tried adding a z-index but that doesn't fix it. Do you have any additional ideas on this one?

Thank you,
Kurt

Did you manage to fix this? I'm seeing the menu on desktop and mobile on load.

Just a heads up that this should be fixed in GP 2.2/GPP 1.7.5 :)