I have been viewing my website which was developed for computers (like PC's and Mac's) screens on an ipad and the layout on the ipad does not fit neatly within the webpage like it does for the larger computer screens.
Hi,
I have been viewing my website which was developed for computers (like PC's and Mac's) screens on an ipad and the layout on the ipad does not fit neatly within the webpage like it does for the larger computer screens.
Is their a way that I can utilized my existing website but have a different theme for ipad devices which has the same content except that the layout width is optimized for the smaller ipad screen?
How can I identify that the browser is from an ipad and automatically go to this optimized for ipad theme instead default theme?
Thanks,
John
John, You could look into CSS media queries, which essentially lets you use different CSS based on browser/viewport size.
http://www.alistapart.com/articles/responsive-web-design/
On Sun, Nov 6, 2011 at 6:30 AM, John Mitchell mitchelljj98@gmail.com wrote:
Hi,
I have been viewing my website which was developed for computers (like PC's and Mac's) screens on an ipad and the layout on the ipad does not fit neatly within the webpage like it does for the larger computer screens.
Is their a way that I can utilized my existing website but have a different theme for ipad devices which has the same content except that the layout width is optimized for the smaller ipad screen?
How can I identify that the browser is from an ipad and automatically go to this optimized for ipad theme instead default theme?
Thanks,
John
-- [ Drupal support list | http://lists.drupal.org/ ]
There are several modules that can do that. The Mobile Theme module (http://drupal.org/project/mobile_theme) looks pretty simple. Mobile Tools (http://drupal.org/project/mobile_tools) works great for me.
On 11/06/2011 12:30 PM, John Mitchell wrote:
Hi,
I have been viewing my website which was developed for computers (like PC's and Mac's) screens on an ipad and the layout on the ipad does not fit neatly within the webpage like it does for the larger computer screens.
Is their a way that I can utilized my existing website but have a different theme for ipad devices which has the same content except that the layout width is optimized for the smaller ipad screen?
How can I identify that the browser is from an ipad and automatically go to this optimized for ipad theme instead default theme?
Thanks,
John
There are themes which do that automatically now.
see http://drupal.org/project/adaptivetheme
Neil
On Sun, Nov 6, 2011 at 7:08 AM, steeph ml@mixblog23.de wrote:
There are several modules that can do that. The Mobile Theme module (http://drupal.org/project/mobile_theme) looks pretty simple. Mobile Tools (http://drupal.org/project/mobile_tools) works great for me.
On 11/06/2011 12:30 PM, John Mitchell wrote:
Hi,
I have been viewing my website which was developed for computers (like PC's and Mac's) screens on an ipad and the layout on the ipad does not fit neatly within the webpage like it does for the larger computer screens.
Is their a way that I can utilized my existing website but have a different theme for ipad devices which has the same content except that the layout width is optimized for the smaller ipad screen?
How can I identify that the browser is from an ipad and automatically go to this optimized for ipad theme instead default theme?
Thanks,
John
-- [ Drupal support list | http://lists.drupal.org/ ]
Or alternatively look at the Mobile Tools project
http://drupal.org/project/mobile_tools
Dave
________________________________
From: support-bounces@drupal.org [mailto:support-bounces@drupal.org] On Behalf Of Neil Adair Sent: Sunday, November 06, 2011 6:50 AM To: support@drupal.org Subject: Re: [support] I have been viewing my website which was developed for computers (like PC's and Mac's) screens on an ipad and the layout on the ipad does not fit neatly within the webpage like it does for the larger computer screens.
There are themes which do that automatically now.
see http://drupal.org/project/adaptivetheme
Neil
On Sun, Nov 6, 2011 at 7:08 AM, steeph ml@mixblog23.de wrote:
There are several modules that can do that. The Mobile Theme module (http://drupal.org/project/mobile_theme) looks pretty simple. Mobile Tools (http://drupal.org/project/mobile_tools) works great for me.
On 11/06/2011 12:30 PM, John Mitchell wrote:
Hi,
I have been viewing my website which was developed for computers (like PC's and Mac's) screens on an ipad and the layout on the ipad does not fit neatly within the webpage like it does for the larger computer screens.
Is their a way that I can utilized my existing website but have a different theme for ipad devices which has the same content except that the layout width is optimized for the smaller ipad screen?
How can I identify that the browser is from an ipad and automatically go to this optimized for ipad theme instead default theme?
Thanks,
John
-- [ Drupal support list | http://lists.drupal.org/ ]
-
John Mitchell -
Metzler, David -
Neil Adair -
steeph -
Steve Karsch