Logo in header won't left align on mobile! PLEASE can someone help?

Hey all, I’m having an issue with the logo in the navbar displaying inset into the page on mobile devices only. It looks fine in Designer and also in the published site when you view in Inspect (either as a mobile device or change browser width) but when viewed on my iphone, it’s displaying the logo offset into the screen no matter what I do to it’s positioning!
Can anyone offer any advice please, I’m tearing my hair out here and the site is due to go live soon!
Many thanks,

Read only link below

Here is my site Read-Only: LINK
(how to share your site Read-Only link)