Keep the design from zooming on mobile. – Kleo

[tmh23]

Kleo scales responsive really nice however, when you click in a text input area… such as posting to the activy… the theme zooms in on the input area to type. When this happens it cuts off the layout so you then have to swipe sideways to get the the post or add image buttons. It makes the usability awkward.

Is there a way to keep the full design in view (not zooming to the input area) all the time? It is plenty visible to see what you are typing when the whole layout stays on the screen. (I’m viewing on an iPhone 6)

Thanks,
Troy

[Radu]

Hi,

Try this CSS

COPY CODE

@media (max-width: 737px) {
  input {
    font-size:16px;
  }
}

Some discussions about this.

http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone
https://jonassebastianohlsson.com/blog/2013/11/25/how-to-stop-zoom-in-on-input-focus-on-mobile-devices/

Let me know if it works.

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[tmh23]

Did not work. Any ideas?

Troy

[tmh23]

I see in the links you posted there is also a solution to turn off the zoom completely on mobile devices by adding a meta tag. Where is this meta tag put in?

Troy

[tmh23]

I figured it out. This is a great way to cancel zoom site wide but still be able to minimize to switch between different browser windows on mobile. Simply paste the code in the header.php

http://davidwalsh.name/zoom-mobile-browsers#comments

Troy

[Radu]

Hi,

I’m glad you have solved the issue.

I’ll mark as resolved the topic.

Regards

RAdu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts