My website is responsive on emulators but not on actual phones. Why?

Hi! I designed this website: and it works responsively on a browser and even on online emulators, but not on actual phones. I own an iPhone 7 and when I enter the website the columns do respond but the navigation bar looks the same (when it should become a button) and the whole website looks zoomed out. I do have the meta viewport tag, I don’t understand what can be happening.

Do you have initial-scale set to 1 in your meta viewport tag?

Also, the site does not work, I just get a generic “domain parked” webpage.