Reply To: Add to header of website, on every page/post

[Ernest MarcinkoKeymaster]

Great job!

The zoom thing is automatic on all devices, and there is no programatical way of avoiding it. It usually happens when the site width is a bit bigger than the device max-width, mostly on iPhone devices.

After some research, I have found that in some cases when the zooming happens, the following custom CSS code:

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  .proinput input {
    font-size: font-size: 16px; 
  }
}

or if that doesn’t work, maybe this one:

@media only screen and (max-width: 720px) {
  .proinput input {
    font-size: font-size: 16px !important; 
  }
}

Another possible solution is to tell the device not to scale, by putting this into the site header:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

Let’s hope one of these will work.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)