Mobile responsive header: gap between menu and first section

Hi all,

When I pull up a few different pages of my website on mobile, there's a weird gap between my header / first section banner image, and the menu/navigation bar. This isn't the case in desktop mode. Any css that can help me address this? It only appears on some pages on mobile, so I don't think it's an underlying design/styles issue? It also doesn't show up when I preview the mobile appearance in Squarespace.

Any help appreciated! Attached are some example photos (the gap appears as a purple stripe).

Can you share your website URL? Thanks!

Yes! https://redirect.org/activities-approach

Thank you SO much for finding that!! I appreciate it.

15 minutes ago, paigesquarespace said:

Thank you SO much for finding that!! I appreciate it.

Not a problem! Glad to help!

Can you mark my post as the solution and give it a thumbs up too? Thanks!