I am trying to figure out why my website (Link) is not displaying correctly with responsive design on iPhone5 Safari Browser, even though it works fine on desktop browsers like IE, Chrome, and Safari. It also displays correctly on HTC and Samsung Galaxy devices.
After searching on Google, I only found two potential solutions: A) Clearing the browser cache B) Adding the meta tag
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1">
However, neither of these solutions has resolved the issue. Interestingly, when simulating the iPhone 5 Device in Google Developer Tools, the website appears correctly, but in reality, the CSS design does not show up.
Here is a screenshot showing the problem: False Responsive Design Screenshot
I am running out of ideas. Any suggestions on what else I can try?