The document header in your page template can call up a different stylesheet for your mobile visitors. Something like <style type="text/css" media="handheld">@import...</style> Aside from your basic semantic structuring (and avoiding table-based layouts), there are css practices that can help. See http:// www.alistapart.com/articles/pocket/ for some tips. One wrinkle in all this: My understanding is that Safari in the iPhone does not honor mobile stylesheets. Go figure. Hope this is helpful. Laura On Sep 30, 2007, at 1:34 PM, Albert Cuesta wrote:
Hi everyone
After a bit of research, I have concluded that there are two main approaches to creating mobile-enabled versions of existing Drupal sites:
* Using the mobile theme <http://drupal.org/project/mobile> and setting up some theme switcher / URL alias to redirect requests to 'clean' pages * Using the .mobi loader module <http://drupal.org/project/mobi_loader> + .mobi theme <http://drupal.org/project/mobi> combo, so all requests for the site.mobi domain are intercepted and get the 'clean' theme. However, I have found it quite buggy, so many requests for the mobile site are still getting the default theme, as reported here <http://drupal.org/node/163541>
Besides, none of these two themes pass the compatibility tests at http://mtld.mobi
How are you managing the mobile versions of your sites? Has anyone combined the above two approaches?
Thanks in advance for any comments and suggestions.
---------------------------------------------------------------------- Albert Cuesta http://www.canalpda.com -- [ Drupal support list | http://lists.drupal.org/ ]