Nav causing zoom out on mobile

[ascott1]

The nav on the demo causes the browser to zoom out. Initially I thought this was tied to an incorrect meta viewport tag, but that doesn't seem to be the case.

[ascott1]

Whoops. This was just an error with the meta viewport tag in the demo.

[amirkhan81]

What was the viewport tag that was causing this? I'm experiencing the same issue.

[ascott1]

@amirkhan81 Make sure you have a viewport meta tag such as:

<meta name="viewport" content="width=device-width, initial-scale=1">

Hope that helps!

[jahrichie]

Having the same issue, my viewport is as follows:

meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no"

Tried your code, still happened. I think it's a ios 9 thing, I never noticed it before. It's quite severe on the 6.

[jahrichie]

I think you're looking for the shrink-to-fit-no option, here's my meta tag:

meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no,shrink-to-fit=no"

[ascott1]

Reopening as this does appear to be an issue in iOS 9. Thans @jahrichie!