We're experiencing a very strange issue, the root of which I'm having a hard time pinpointing. Our website loads perfectly on all major devices and browsers EXCEPT for when it is launched in Safari by clicking on the "website" icon on google search results. To clarify, if I navigate to the site directly in safari mobile it's fine, if I click on a link to load it's fine, but specifically when I click on the website icon on the google result, it's zoomed and I can't zoom out.
The website: https://smokeandsow.com
Google search result: https://www.google.com/search?client=firefox-b-d&q=smoke+and+sow
Again, this issue is only present inside safari mobile when clicking on the google business card result "website" icon. I thought our viewport tags might be the issue but they seem fine and the same code does not produce the issue with other sites we've built.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
What the heck is going on here?
--EDIT-- this issue is also present when loading the site directly from the home screen on iphone inside safari. ie creating an "add to home screen" link and opening the site by tapping on it.