Button disappearing on safari?

Site URL: http://laurabustaffa.com

I've customised the appearance of items in my mobile menu. The aim was to have all items appear at the top of the screen rather than in the middle and the button after them rather than at the bottom of the screen.

Like this: 

But on iPhone safari the button disappears:

I've botched this code digging through past responses:

/*move nav items to the top on mobile*/
[data-folder] .header-menu-nav-folder-content {
    justify-content: flex-start;
}

/*move button up on mobile nav*/
header#header .header-menu-cta {
    position: relative;
    top: -600px;
}

Maybe -600px is too much? I guess a measure relative to the menu items rather than absolute might be better? but I'm not a developer... 🙂

Thanks!

Try changing second code to

header#header .header-menu-cta {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
}

Perfect, thanks a lot!

You could add this to change the minimum height of the navigation folder and this will bring the button up to underneath the nav items, but also allow you to add more without adjusting in pixels.

.header-menu-nav-folder {
  min-height:5% important;
}

Hope this helps!

I see - thanks a lot!