Responsive Headers issues

I have an issue on my site, the responsive content is working on all platforms but for some reason when you squash the site up the header content goes over the navigation. Is there a way to prevent this from happening, at the moment it is set to relative.

https://preview.webflow.com/preview/vital4growth-com?utm_medium=preview_link&utm_source=dashboard&utm_content=vital4growth-com&preview=ff9ee3897cb3853e90f220b2003fb361&workflow=preview