Section Scroll Mobile Top Margin?

Hey all,

I’m working on a site with full section scrolling (100vh divs within a wrapper) and so far the desktop looks solid, but mobile seems to have around ~5000px of scrolling before the content actually shows up.

I’m newer to Webflow/coding, but I’m trying my best to learn!

I referenced @JoelAnansiCreative scroll snapping with css for the CSS. To be honest, I have absolutely no clue what’s going on with mobile that is causing the additional margin above, but I need some HELP!

Thanks,
Zach

EDIT 1:
I was able to find seam sort of correction with some flex box adjustments, changing section-1 to 80vh and setting the top margin for section-1 to -80vh. This is more than likely a temporary fix, but is working well on chrome and safari.

EDIT 2:
Whatever I “fixed” for mobile butchered the desktop view, so now I’m back to the drawing board.


Here is my site Read-Only: [LINK][1]