8 years 5 months ago
As a part of the update to ios9 - Apple have changed the way that Safari deals with content on their touch tablets and phones.
The behaviour in some of our templates is now such that on mobile devices the content of the page shrinks to fit the entire page in rather than displaying as it has before in ios8.
So the solution is to adjust the metatag in your template so that we add the shrink-to-fit="no" attribute.
In both ZGFv4 themes and T3 templates this attribute is located in the tpls/blocks/head.php.
In ZGFv4 themes you will need to change this twice in that file.
So the current code looks like this:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/>
becomes
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, shrink-to-fit=no"/>
and also:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/>
becomes
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no"/>
In T3 themes:
This code:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
now becomes
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no"/>
For further reading check this post out on the Apple forums.
forums.developer.apple.com/thread/13510
We will be issuing updates for these themes asap but in case you need the fix before they are rolled out you can use the code pasted above.
Thanks