T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Simon @ Quaverlove
  2. General Discussion
  3. Tuesday, 21 January 2014
  4.  Subscribe via email
Before I start, I've made a few posts since trying out the T3 Framework and haven't once commented on what I think about it. I do like it! It's very light and fairly easy to use. There are, however, a few niggly bits that I need to get my head around; here's one of them.

Below is a copy of the "META for IOS & HANDHELD":
<!-- META FOR IOS & HANDHELD -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<style type="text/stylesheet">
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
</style>
<script type="text/javascript">
//<![CDATA[
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
var msViewportStyle = document.createElement("style");
msViewportStyle.appendChild(
document.createTextNode("@-ms-viewport{width:auto!important}")
);
document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
}
//]]>
</script>
<meta name="HandheldFriendly" content="true"/>
<meta name="apple-mobile-web-app-capable" content="YES"/>
<!-- //META FOR IOS & HANDHELD -->


Is there anything in that piece of code that I need to change, add or omit in order for the "pinch zoom" facility on tablets (like my iPad Mini) to work? Currently, this is not possible... I've just noticed that it doesn't work on your demo site, either. Should user-scalable be set to "yes", instead? What file would I need to open to amend that?

Please advise how this may be rectified. It kind of defeats my objective of offering a fully responsive experience.

Many thanks advance.

PS: I was going through the DOM via Fire Bug and came across a no-touch class of some sort, which seems to have been applied to the majority (if not all) of the elements... Would that have anything to do with it?
Comment
There are no comments made yet.
Accepted Answer
Accepted Answer Pending Moderation
1
Votes
Undo
Solved it! :D

in the first line of the same meta block,
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
I removed the maximum-scale and user-scalable properties. So it now looks like
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>


NOW, I can pinch zoom!
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink
Accepted Answer Pending Moderation
0
Votes
Undo
Should user-scalable be set to "yes", instead?

I just tried setting the user-scalable property to "yes" (found it in head.php)... didn't work.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.