Page on mobile cuts off from the top on live link


I’ve designed a contact page, and on the designer/preview, it looks exactly as intended. However, when I went to publish on test on multiple mobiles/browsers, it cut off a huge chunk of the container. I do have a sticky nav bar, but this is a component on every other page and they do not present the same issue. Even with the 10vh the sticky takes up, the missing part of the container appears to be more.

I have checked every element and can’t understand why it’s doing this on actual mobiles and not the previews.

Here is my live site: Contact - Monro Roofing LTD