On mobile browsers, menu slides under browser

Tested these demos using iPhone Safari and Chrome. On mobile only, When further down the page and toggling the menu, the open menu gets partially cut off at the top. I've tried css fixes like max-height: 100vh but nothing seems to prevent it. This issue is a nuisance on long pages. 
