<div dir="ltr"><div class="gmail_default" style="font-family:arial,helvetica,sans-serif;font-size:small;color:rgb(0,0,0)">Definitely add this to the head like others said: <br><pre id="line1"><span><<span class="">meta</span> <span class="">name</span>="<a class="">viewport</a>" <span class="">content</span>="<a class="">width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no</a>" <span>/</span>></span><span></span></pre>
</div><div class="gmail_extra"><div class="gmail_default" style="font-family:arial,helvetica,sans-serif;font-size:small;color:rgb(0,0,0)">I don't allow scalability because that is the issue and the user should not have to scale in or out on anything. It should be rendered correctly at 100%. Just my opinion (and that of the w3c) and if you need zoom features, there are other ways to do that. That shifting will be resolved if you add the max-scale and if you still have issues, try the user-scalable = no. <br>
<br></div><div class="gmail_default" style="font-family:arial,helvetica,sans-serif;font-size:small;color:rgb(0,0,0)">Good luck. <br></div><div class="gmail_default" style="font-family:arial,helvetica,sans-serif;font-size:small;color:rgb(0,0,0)">
Chris</div><br clear="all"><div><div dir="ltr"><span style="background-color:rgb(68,68,68)"><span></span></span><span style="font-family:arial,helvetica,sans-serif"><b><a href="http://csmcreative.com" style="font-size:x-small;color:rgb(68,68,68)" target="_blank"><img src="https://s.gravatar.com/avatar/5cc4a2ac5ba6847491621fce8d60572f?s=60"></a><font><br>
<br>Chr</font></b></span><span style="font-family:arial,helvetica,sans-serif"><font><b>is McAndrew</b></font></span><font><b><br>Interactive Designer & Developer</b></font><b><font size="1"><br>Mobile</font></b><font size="1">: 1-603-498-3864</font><br>
<b style="font-size:x-small">email</b><font size="1">: </font><span style="color:rgb(0,0,0)"><a href="mailto:chris@csmcreative.com" style="font-size:x-small" target="_blank"><span></span></a><a href="mailto:chris@csmcreative.com?subject=Question+via+email+contact+link" style="font-size:x-small" target="_blank">chris@csmcreative.com</a><br>
<b style="font-size:x-small">Web</b><font size="1">: </font><a href="http://csmcreative.com" style="font-size:x-small" target="_blank">http://csmcreative.com</a><br><b style="font-size:x-small">Twitter</b><font size="1">: </font><a href="https://twitter.com/chris_mcandrew" style="font-size:x-small" target="_blank">@chris_mcandrew</a><br>
<span style="font-family:arial,helvetica,sans-serif"><b style="font-size:x-small">LinkedIn</b><font size="1">: </font><a href="http://linkedin.com/in/chrismcandrew" style="font-size:x-small" target="_blank">chrismcandrew</a></span></span></div>
</div>
<br><br><div class="gmail_quote">On Fri, Dec 27, 2013 at 2:08 PM, <span dir="ltr"><<a href="mailto:support-request@drupal.org" target="_blank">support-request@drupal.org</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
Send support mailing list submissions to<br>
<a href="mailto:support@drupal.org">support@drupal.org</a><br>
<br>
To subscribe or unsubscribe via the World Wide Web, visit<br>
<a href="http://lists.drupal.org/mailman/listinfo/support" target="_blank">http://lists.drupal.org/mailman/listinfo/support</a><br>
or, via email, send a message with subject or body 'help' to<br>
<a href="mailto:support-request@drupal.org">support-request@drupal.org</a><br>
<br>
You can reach the person managing the list at<br>
<a href="mailto:support-owner@drupal.org">support-owner@drupal.org</a><br>
<br>
When replying, please edit your Subject line so it is more specific<br>
than "Re: Contents of support digest..."<br>
<br>
<br>
Today's Topics:<br>
<br>
1. Views Hook for "No Results" (Nancy Wichmann)<br>
2. Problems with iPad (<a href="mailto:Philip_Wetzel@nhd.uscourts.gov">Philip_Wetzel@nhd.uscourts.gov</a>)<br>
3. Re: Problems with iPad (Jamie Holly)<br>
4. Re: Problems with iPad (Awtar Singh)<br>
5. Re: Problems with iPad (<a href="mailto:Philip_Wetzel@nhd.uscourts.gov">Philip_Wetzel@nhd.uscourts.gov</a>)<br>
6. Re: Problems with iPad (Jamie Holly)<br>
7. Re: Problems with iPad (<a href="mailto:Philip_Wetzel@nhd.uscourts.gov">Philip_Wetzel@nhd.uscourts.gov</a>)<br>
<br>
<br>
----------------------------------------------------------------------<br>
<br>
Message: 1<br>
Date: Fri, 27 Dec 2013 06:52:51 -0800 (PST)<br>
From: Nancy Wichmann <<a href="mailto:nan_wich@bellsouth.net">nan_wich@bellsouth.net</a>><br>
Subject: [support] Views Hook for "No Results"<br>
To: support drupal <<a href="mailto:support@drupal.org">support@drupal.org</a>><br>
Message-ID:<br>
<<a href="mailto:1388155971.39921.YahooMailNeo@web181203.mail.ne1.yahoo.com">1388155971.39921.YahooMailNeo@web181203.mail.ne1.yahoo.com</a>><br>
Content-Type: text/plain; charset="iso-8859-1"<br>
<br>
We have several views that show the OG group name to which users belong. Unfortunately, one of the groups is "magic" and so that group name does not show in these lists. I used the "No Results Behavior" to show that group's name, but it is not correct. Some users really don't belong to a group and I want the admins to see that.<br>
<br>
So, is there a Views hook where I can correctly distinguish between no group and special group?<br>
<br>
?<br>
Nancy<br>
-------------- next part --------------<br>
An HTML attachment was scrubbed...<br>
URL: <a href="http://lists.drupal.org/pipermail/support/attachments/20131227/1e2535a0/attachment-0001.html" target="_blank">http://lists.drupal.org/pipermail/support/attachments/20131227/1e2535a0/attachment-0001.html</a><br>
<br>
------------------------------<br>
<br>
Message: 2<br>
Date: Fri, 27 Dec 2013 11:16:38 -0500<br>
From: <a href="mailto:Philip_Wetzel@nhd.uscourts.gov">Philip_Wetzel@nhd.uscourts.gov</a><br>
Subject: [support] Problems with iPad<br>
To: <a href="mailto:support@drupal.org">support@drupal.org</a><br>
Cc: <a href="mailto:Philip_Wetzel@nhd.uscourts.gov">Philip_Wetzel@nhd.uscourts.gov</a><br>
Message-ID:<br>
<<a href="mailto:OF68A3C024.D48FA2B9-ON85257C4E.005776A1-85257C4E.00596DB4@uscmail.uscourts.gov">OF68A3C024.D48FA2B9-ON85257C4E.005776A1-85257C4E.00596DB4@uscmail.uscourts.gov</a>><br>
<br>
Content-Type: text/plain; charset=US-ASCII<br>
<br>
Hi all,<br>
<br>
I have an issue when viewing my Drupal website with an iPad.<br>
Sometimes it loads with the margin almost 1/3 too far to the left and you<br>
have to move it to the right.<br>
Also, if you rotate the screen (forcing it to switch from landscape to<br>
portrait and visa versa) it will<br>
render too far to the left.<br>
<br>
I've found a few suggestions for adding attributes to the css file with no<br>
success. Namely....<br>
body { margin: 0 auto; }<br>
and<br>
body { min-width: 1080px; }<br>
<br>
I've also found suggestions to add a meta tag.<br>
<meta name="viewport" width=device-width /><br>
<br>
I'm not exactly sure how to do that. I do have the<br>
template_html_head_alter function in template.php which is supposed<br>
to force ie out of compatibility mode.<br>
<br>
/** Implements hook_html_head_alter*/<br>
function template_html_head_alter(&$head_elements) {<br>
// Force the latest IE rendering engine and Google Chrome Frame.<br>
$head_elements['chrome_frame'] = array(<br>
'#type' => 'html_tag',<br>
'#tag' => 'meta',<br>
'#attributes' => array('http-equiv' => 'X-UA-Compatible', 'content' =><br>
'IE=edge,chrome=1'),<br>
'#weight' => -1001,<br>
);<br>
error_log('template_html_head_alter');<br>
}<br>
<br>
Has anyone had to deal with this?<br>
Happy new year,<br>
Phil<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
------------------------------<br>
<br>
Message: 3<br>
Date: Fri, 27 Dec 2013 11:41:36 -0500<br>
From: Jamie Holly <<a href="mailto:hovercrafter@earthlink.net">hovercrafter@earthlink.net</a>><br>
Subject: Re: [support] Problems with iPad<br>
To: <a href="mailto:support@drupal.org">support@drupal.org</a><br>
Message-ID: <<a href="mailto:52BDADC0.1070203@earthlink.net">52BDADC0.1070203@earthlink.net</a>><br>
Content-Type: text/plain; charset=ISO-8859-1; format=flowed<br>
<br>
Are you sure it's only the iPad, or is it any smaller screen? The<br>
easiest test is to resize your browser down to a smaller width and see<br>
if it acts up. If you're using Firefox, you can hit ctrl-shift-m to go<br>
to a mobile simulation mode.<br>
<br>
Jamie Holly<br>
<a href="http://hollyit.net" target="_blank">http://hollyit.net</a><br>
<br>
On 12/27/2013 11:16 AM, <a href="mailto:Philip_Wetzel@nhd.uscourts.gov">Philip_Wetzel@nhd.uscourts.gov</a> wrote:<br>
> Hi all,<br>
><br>
> I have an issue when viewing my Drupal website with an iPad.<br>
> Sometimes it loads with the margin almost 1/3 too far to the left and you<br>
> have to move it to the right.<br>
> Also, if you rotate the screen (forcing it to switch from landscape to<br>
> portrait and visa versa) it will<br>
> render too far to the left.<br>
><br>
> I've found a few suggestions for adding attributes to the css file with no<br>
> success. Namely....<br>
> body { margin: 0 auto; }<br>
> and<br>
> body { min-width: 1080px; }<br>
><br>
> I've also found suggestions to add a meta tag.<br>
> <meta name="viewport" width=device-width /><br>
><br>
> I'm not exactly sure how to do that. I do have the<br>
> template_html_head_alter function in template.php which is supposed<br>
> to force ie out of compatibility mode.<br>
><br>
> /** Implements hook_html_head_alter*/<br>
> function template_html_head_alter(&$head_elements) {<br>
> // Force the latest IE rendering engine and Google Chrome Frame.<br>
> $head_elements['chrome_frame'] = array(<br>
> '#type' => 'html_tag',<br>
> '#tag' => 'meta',<br>
> '#attributes' => array('http-equiv' => 'X-UA-Compatible', 'content' =><br>
> 'IE=edge,chrome=1'),<br>
> '#weight' => -1001,<br>
> );<br>
> error_log('template_html_head_alter');<br>
> }<br>
><br>
> Has anyone had to deal with this?<br>
> Happy new year,<br>
> Phil<br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
<br>
<br>
<br>
------------------------------<br>
<br>
Message: 4<br>
Date: Fri, 27 Dec 2013 22:08:39 +0530<br>
From: Awtar Singh <<a href="mailto:asingh@quantum-coders.com">asingh@quantum-coders.com</a>><br>
Subject: Re: [support] Problems with iPad<br>
To: "<a href="mailto:support@drupal.org">support@drupal.org</a>" <<a href="mailto:support@drupal.org">support@drupal.org</a>><br>
Cc: "<a href="mailto:support@drupal.org">support@drupal.org</a>" <<a href="mailto:support@drupal.org">support@drupal.org</a>>,<br>
"<a href="mailto:Philip_Wetzel@nhd.uscourts.gov">Philip_Wetzel@nhd.uscourts.gov</a>" <<a href="mailto:Philip_Wetzel@nhd.uscourts.gov">Philip_Wetzel@nhd.uscourts.gov</a>><br>
Message-ID: <<a href="mailto:1A57A1E7-03A8-44D9-A4B5-A89324AF887D@quantum-coders.com">1A57A1E7-03A8-44D9-A4B5-A89324AF887D@quantum-coders.com</a>><br>
Content-Type: text/plain; charset=us-ascii<br>
<br>
Hi-<br>
<br>
We are a Drupal Development Group with very experienced Drupal experts.<br>
<br>
We provide support at reasonable cost, please advise.<br>
<br>
Regards,<br>
<br>
Awtar singh<br>
Executive Director<br>
Quantum Coders<br>
<br>
Sent from my iPhone<br>
<br>
> On Dec 27, 2013, at 9:46 PM, <a href="mailto:Philip_Wetzel@nhd.uscourts.gov">Philip_Wetzel@nhd.uscourts.gov</a> wrote:<br>
><br>
> Hi all,<br>
><br>
> I have an issue when viewing my Drupal website with an iPad.<br>
> Sometimes it loads with the margin almost 1/3 too far to the left and you<br>
> have to move it to the right.<br>
> Also, if you rotate the screen (forcing it to switch from landscape to<br>
> portrait and visa versa) it will<br>
> render too far to the left.<br>
><br>
> I've found a few suggestions for adding attributes to the css file with no<br>
> success. Namely....<br>
> body { margin: 0 auto; }<br>
> and<br>
> body { min-width: 1080px; }<br>
><br>
> I've also found suggestions to add a meta tag.<br>
> <meta name="viewport" width=device-width /><br>
><br>
> I'm not exactly sure how to do that. I do have the<br>
> template_html_head_alter function in template.php which is supposed<br>
> to force ie out of compatibility mode.<br>
><br>
> /** Implements hook_html_head_alter*/<br>
> function template_html_head_alter(&$head_elements) {<br>
> // Force the latest IE rendering engine and Google Chrome Frame.<br>
> $head_elements['chrome_frame'] = array(<br>
> '#type' => 'html_tag',<br>
> '#tag' => 'meta',<br>
> '#attributes' => array('http-equiv' => 'X-UA-Compatible', 'content' =><br>
> 'IE=edge,chrome=1'),<br>
> '#weight' => -1001,<br>
> );<br>
> error_log('template_html_head_alter');<br>
> }<br>
><br>
> Has anyone had to deal with this?<br>
> Happy new year,<br>
> Phil<br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
> --<br>
> [ Drupal support list | <a href="http://lists.drupal.org/" target="_blank">http://lists.drupal.org/</a> ]<br>
<br>
<br>
------------------------------<br>
<br>
Message: 5<br>
Date: Fri, 27 Dec 2013 12:14:05 -0500<br>
From: <a href="mailto:Philip_Wetzel@nhd.uscourts.gov">Philip_Wetzel@nhd.uscourts.gov</a><br>
Subject: Re: [support] Problems with iPad<br>
To: <a href="mailto:support@drupal.org">support@drupal.org</a><br>
Cc: <a href="mailto:support-bounces@drupal.org">support-bounces@drupal.org</a><br>
Message-ID:<br>
<<a href="mailto:OFAC7BCCE6.390773AE-ON85257C4E.005D0D51-85257C4E.005EB02E@uscmail.uscourts.gov">OFAC7BCCE6.390773AE-ON85257C4E.005D0D51-85257C4E.005EB02E@uscmail.uscourts.gov</a>><br>
<br>
Content-Type: text/plain; charset=US-ASCII<br>
<br>
Thanks Jamie,<br>
<br>
Got a couple of clues out of that. I don't know if it is iPad specific.<br>
However, the other browsers (on my desktop) behave differently when resized<br>
smaller.<br>
<br>
The thing I just noticed about the iPad is that it is zoomed in too far.<br>
Also, it is not centered. It is centered with all the browsers on my<br>
desktop.<br>
<br>
It works pretty well with Firefox in mobile mode. Stays centered as well<br>
as it can down to where it starts cropping from the right. Which is fine.<br>
The iPad will crop on all 4 sides as you zoom. That would be OK if it<br>
was centered.<br>
<br>
It's starting sound like the real question is why isn't it centered, or<br>
how can I make it centered.<br>
Back to Google.<br>
<br>
Thanks again,<br>
Phil<br>
<br>
<br>
<br>
<br>
From: Jamie Holly <<a href="mailto:hovercrafter@earthlink.net">hovercrafter@earthlink.net</a>><br>
To: <a href="mailto:support@drupal.org">support@drupal.org</a>,<br>
Date: 12/27/2013 11:41 AM<br>
Subject: Re: [support] Problems with iPad<br>
Sent by: <a href="mailto:support-bounces@drupal.org">support-bounces@drupal.org</a><br>
<br>
<br>
<br>
Are you sure it's only the iPad, or is it any smaller screen? The<br>
easiest test is to resize your browser down to a smaller width and see<br>
if it acts up. If you're using Firefox, you can hit ctrl-shift-m to go<br>
to a mobile simulation mode.<br>
<br>
Jamie Holly<br>
<a href="http://hollyit.net" target="_blank">http://hollyit.net</a><br>
<br>
On 12/27/2013 11:16 AM, <a href="mailto:Philip_Wetzel@nhd.uscourts.gov">Philip_Wetzel@nhd.uscourts.gov</a> wrote:<br>
> Hi all,<br>
><br>
> I have an issue when viewing my Drupal website with an iPad.<br>
> Sometimes it loads with the margin almost 1/3 too far to the left and you<br>
> have to move it to the right.<br>
> Also, if you rotate the screen (forcing it to switch from landscape to<br>
> portrait and visa versa) it will<br>
> render too far to the left.<br>
><br>
> I've found a few suggestions for adding attributes to the css file with<br>
no<br>
> success. Namely....<br>
> body { margin: 0 auto; }<br>
> and<br>
> body { min-width: 1080px; }<br>
><br>
> I've also found suggestions to add a meta tag.<br>
> <meta name="viewport" width=device-width /><br>
><br>
> I'm not exactly sure how to do that. I do have the<br>
> template_html_head_alter function in template.php which is supposed<br>
> to force ie out of compatibility mode.<br>
><br>
> /** Implements hook_html_head_alter*/<br>
> function template_html_head_alter(&$head_elements) {<br>
> // Force the latest IE rendering engine and Google Chrome Frame.<br>
> $head_elements['chrome_frame'] = array(<br>
> '#type' => 'html_tag',<br>
> '#tag' => 'meta',<br>
> '#attributes' => array('http-equiv' => 'X-UA-Compatible', 'content'<br>
=><br>
> 'IE=edge,chrome=1'),<br>
> '#weight' => -1001,<br>
> );<br>
> error_log('template_html_head_alter');<br>
> }<br>
><br>
> Has anyone had to deal with this?<br>
> Happy new year,<br>
> Phil<br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
<br>
--<br>
[ Drupal support list | <a href="http://lists.drupal.org/" target="_blank">http://lists.drupal.org/</a> ]<br>
<br>
<br>
<br>
<br>
------------------------------<br>
<br>
Message: 6<br>
Date: Fri, 27 Dec 2013 13:31:46 -0500<br>
From: Jamie Holly <<a href="mailto:hovercrafter@earthlink.net">hovercrafter@earthlink.net</a>><br>
Subject: Re: [support] Problems with iPad<br>
To: <a href="mailto:support@drupal.org">support@drupal.org</a><br>
Message-ID: <<a href="mailto:52BDC792.6010606@earthlink.net">52BDC792.6010606@earthlink.net</a>><br>
Content-Type: text/plain; charset=ISO-8859-1; format=flowed<br>
<br>
Try adding this in the head:<br>
<br>
<meta name="viewport" content="width=device-width, initial-scale=1,<br>
maximum-scale=1"><br>
<br>
You can look here, which is a Drupal site I just converted to responsive:<br>
<br>
<a href="http://crooksandliars.com/" target="_blank">http://crooksandliars.com/</a><br>
<br>
It's still on D6, but can give you an idea on how to make things scale<br>
down to different sizes. I do have some media query magic going on in<br>
there, but outside of the width over 940px, there really isn't anything<br>
specific to the overall page, just changing the order of some things and<br>
that.<br>
<br>
Jamie Holly<br>
<a href="http://hollyit.net" target="_blank">http://hollyit.net</a><br>
<br>
On 12/27/2013 12:14 PM, <a href="mailto:Philip_Wetzel@nhd.uscourts.gov">Philip_Wetzel@nhd.uscourts.gov</a> wrote:<br>
> Thanks Jamie,<br>
><br>
> Got a couple of clues out of that. I don't know if it is iPad specific.<br>
> However, the other browsers (on my desktop) behave differently when resized<br>
> smaller.<br>
><br>
> The thing I just noticed about the iPad is that it is zoomed in too far.<br>
> Also, it is not centered. It is centered with all the browsers on my<br>
> desktop.<br>
><br>
> It works pretty well with Firefox in mobile mode. Stays centered as well<br>
> as it can down to where it starts cropping from the right. Which is fine.<br>
> The iPad will crop on all 4 sides as you zoom. That would be OK if it<br>
> was centered.<br>
><br>
> It's starting sound like the real question is why isn't it centered, or<br>
> how can I make it centered.<br>
> Back to Google.<br>
><br>
> Thanks again,<br>
> Phil<br>
><br>
><br>
><br>
><br>
> From: Jamie Holly <<a href="mailto:hovercrafter@earthlink.net">hovercrafter@earthlink.net</a>><br>
> To: <a href="mailto:support@drupal.org">support@drupal.org</a>,<br>
> Date: 12/27/2013 11:41 AM<br>
> Subject: Re: [support] Problems with iPad<br>
> Sent by: <a href="mailto:support-bounces@drupal.org">support-bounces@drupal.org</a><br>
><br>
><br>
><br>
> Are you sure it's only the iPad, or is it any smaller screen? The<br>
> easiest test is to resize your browser down to a smaller width and see<br>
> if it acts up. If you're using Firefox, you can hit ctrl-shift-m to go<br>
> to a mobile simulation mode.<br>
><br>
> Jamie Holly<br>
> <a href="http://hollyit.net" target="_blank">http://hollyit.net</a><br>
><br>
> On 12/27/2013 11:16 AM, <a href="mailto:Philip_Wetzel@nhd.uscourts.gov">Philip_Wetzel@nhd.uscourts.gov</a> wrote:<br>
> > Hi all,<br>
> ><br>
> > I have an issue when viewing my Drupal website with an iPad.<br>
> > Sometimes it loads with the margin almost 1/3 too far to the left and you<br>
> > have to move it to the right.<br>
> > Also, if you rotate the screen (forcing it to switch from landscape to<br>
> > portrait and visa versa) it will<br>
> > render too far to the left.<br>
> ><br>
> > I've found a few suggestions for adding attributes to the css file with<br>
> no<br>
> > success. Namely....<br>
> > body { margin: 0 auto; }<br>
> > and<br>
> > body { min-width: 1080px; }<br>
> ><br>
> > I've also found suggestions to add a meta tag.<br>
> > <meta name="viewport" width=device-width /><br>
> ><br>
> > I'm not exactly sure how to do that. I do have the<br>
> > template_html_head_alter function in template.php which is supposed<br>
> > to force ie out of compatibility mode.<br>
> ><br>
> > /** Implements hook_html_head_alter*/<br>
> > function template_html_head_alter(&$head_elements) {<br>
> > // Force the latest IE rendering engine and Google Chrome Frame.<br>
> > $head_elements['chrome_frame'] = array(<br>
> > '#type' => 'html_tag',<br>
> > '#tag' => 'meta',<br>
> > '#attributes' => array('http-equiv' => 'X-UA-Compatible', 'content'<br>
> =><br>
> > 'IE=edge,chrome=1'),<br>
> > '#weight' => -1001,<br>
> > );<br>
> > error_log('template_html_head_alter');<br>
> > }<br>
> ><br>
> > Has anyone had to deal with this?<br>
> > Happy new year,<br>
> > Phil<br>
> ><br>
> ><br>
> ><br>
> ><br>
> ><br>
> ><br>
> ><br>
> ><br>
><br>
> --<br>
> [ Drupal support list | <a href="http://lists.drupal.org/" target="_blank">http://lists.drupal.org/</a> ]<br>
><br>
><br>
<br>
<br>
<br>
------------------------------<br>
<br>
Message: 7<br>
Date: Fri, 27 Dec 2013 14:08:03 -0500<br>
From: <a href="mailto:Philip_Wetzel@nhd.uscourts.gov">Philip_Wetzel@nhd.uscourts.gov</a><br>
Subject: Re: [support] Problems with iPad<br>
To: <a href="mailto:support@drupal.org">support@drupal.org</a><br>
Cc: <a href="mailto:support-bounces@drupal.org">support-bounces@drupal.org</a><br>
Message-ID:<br>
<<a href="mailto:OF9CBD44A3.033EC79C-ON85257C4E.0068ED39-85257C4E.00691F83@uscmail.uscourts.gov">OF9CBD44A3.033EC79C-ON85257C4E.0068ED39-85257C4E.00691F83@uscmail.uscourts.gov</a>><br>
<br>
Content-Type: text/plain; charset=US-ASCII<br>
<br>
Yay, it worked! Looks great on iPad now!<br>
Thanks!!<br>
Phil<br>
<br>
<br>
<br>
From: Jamie Holly <<a href="mailto:hovercrafter@earthlink.net">hovercrafter@earthlink.net</a>><br>
To: <a href="mailto:support@drupal.org">support@drupal.org</a>,<br>
Date: 12/27/2013 01:34 PM<br>
Subject: Re: [support] Problems with iPad<br>
Sent by: <a href="mailto:support-bounces@drupal.org">support-bounces@drupal.org</a><br>
<br>
<br>
<br>
Try adding this in the head:<br>
<br>
<meta name="viewport" content="width=device-width, initial-scale=1,<br>
maximum-scale=1"><br>
<br>
You can look here, which is a Drupal site I just converted to responsive:<br>
<br>
<a href="http://crooksandliars.com/" target="_blank">http://crooksandliars.com/</a><br>
<br>
It's still on D6, but can give you an idea on how to make things scale<br>
down to different sizes. I do have some media query magic going on in<br>
there, but outside of the width over 940px, there really isn't anything<br>
specific to the overall page, just changing the order of some things and<br>
that.<br>
<br>
Jamie Holly<br>
<a href="http://hollyit.net" target="_blank">http://hollyit.net</a><br>
<br>
On 12/27/2013 12:14 PM, <a href="mailto:Philip_Wetzel@nhd.uscourts.gov">Philip_Wetzel@nhd.uscourts.gov</a> wrote:<br>
> Thanks Jamie,<br>
><br>
> Got a couple of clues out of that. I don't know if it is iPad specific.<br>
> However, the other browsers (on my desktop) behave differently when<br>
resized<br>
> smaller.<br>
><br>
> The thing I just noticed about the iPad is that it is zoomed in too far.<br>
> Also, it is not centered. It is centered with all the browsers on my<br>
> desktop.<br>
><br>
> It works pretty well with Firefox in mobile mode. Stays centered as well<br>
> as it can down to where it starts cropping from the right. Which is<br>
fine.<br>
> The iPad will crop on all 4 sides as you zoom. That would be OK if it<br>
> was centered.<br>
><br>
> It's starting sound like the real question is why isn't it centered, or<br>
> how can I make it centered.<br>
> Back to Google.<br>
><br>
> Thanks again,<br>
> Phil<br>
><br>
><br>
><br>
><br>
> From: Jamie Holly <<a href="mailto:hovercrafter@earthlink.net">hovercrafter@earthlink.net</a>><br>
> To: <a href="mailto:support@drupal.org">support@drupal.org</a>,<br>
> Date: 12/27/2013 11:41 AM<br>
> Subject: Re: [support] Problems with iPad<br>
> Sent by: <a href="mailto:support-bounces@drupal.org">support-bounces@drupal.org</a><br>
><br>
><br>
><br>
> Are you sure it's only the iPad, or is it any smaller screen? The<br>
> easiest test is to resize your browser down to a smaller width and see<br>
> if it acts up. If you're using Firefox, you can hit ctrl-shift-m to go<br>
> to a mobile simulation mode.<br>
><br>
> Jamie Holly<br>
> <a href="http://hollyit.net" target="_blank">http://hollyit.net</a><br>
><br>
> On 12/27/2013 11:16 AM, <a href="mailto:Philip_Wetzel@nhd.uscourts.gov">Philip_Wetzel@nhd.uscourts.gov</a> wrote:<br>
> > Hi all,<br>
> ><br>
> > I have an issue when viewing my Drupal website with an iPad.<br>
> > Sometimes it loads with the margin almost 1/3 too far to the left and<br>
you<br>
> > have to move it to the right.<br>
> > Also, if you rotate the screen (forcing it to switch from landscape to<br>
> > portrait and visa versa) it will<br>
> > render too far to the left.<br>
> ><br>
> > I've found a few suggestions for adding attributes to the css file with<br>
> no<br>
> > success. Namely....<br>
> > body { margin: 0 auto; }<br>
> > and<br>
> > body { min-width: 1080px; }<br>
> ><br>
> > I've also found suggestions to add a meta tag.<br>
> > <meta name="viewport" width=device-width /><br>
> ><br>
> > I'm not exactly sure how to do that. I do have the<br>
> > template_html_head_alter function in template.php which is supposed<br>
> > to force ie out of compatibility mode.<br>
> ><br>
> > /** Implements hook_html_head_alter*/<br>
> > function template_html_head_alter(&$head_elements) {<br>
> > // Force the latest IE rendering engine and Google Chrome Frame.<br>
> > $head_elements['chrome_frame'] = array(<br>
> > '#type' => 'html_tag',<br>
> > '#tag' => 'meta',<br>
> > '#attributes' => array('http-equiv' => 'X-UA-Compatible',<br>
'content'<br>
> =><br>
> > 'IE=edge,chrome=1'),<br>
> > '#weight' => -1001,<br>
> > );<br>
> > error_log('template_html_head_alter');<br>
> > }<br>
> ><br>
> > Has anyone had to deal with this?<br>
> > Happy new year,<br>
> > Phil<br>
> ><br>
> ><br>
> ><br>
> ><br>
> ><br>
> ><br>
> ><br>
> ><br>
><br>
> --<br>
> [ Drupal support list | <a href="http://lists.drupal.org/" target="_blank">http://lists.drupal.org/</a> ]<br>
><br>
><br>
<br>
--<br>
[ Drupal support list | <a href="http://lists.drupal.org/" target="_blank">http://lists.drupal.org/</a> ]<br>
<br>
<br>
<br>
<br>
------------------------------<br>
<span class=""><font color="#888888"><br>
--<br>
[ Drupal support list | <a href="http://lists.drupal.org/" target="_blank">http://lists.drupal.org/</a> ]<br>
<br>
End of support Digest, Vol 132, Issue 43<br>
****************************************<br>
</font></span></blockquote></div><br></div></div>