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

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Add to header of website, on every page/post Reply To: Add to header of website, on every page/post

#10232

Ernest Marcinko
Keymaster

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 :)