Easiest way to create a version of the site that's cellphone-friendly

labourstart - April 1, 2009 - 14:27

This site - http://en.iuf.org - is nearly ready to go live, but we'd like a version that's one column wide and works on small screens (like cellphones). What's the easiest, quickest way to do this? Thanks.

Well, you can use a separate

Jay Matwichuk - April 1, 2009 - 14:40

Well, you can use a separate stylesheet for mobiles (cell phones). Link to your stylesheet like this:

<link media="handheld" rel="stylesheet" href="path/to/mobile-stylesheet.css" />

Using 'handheld' in the media means that CSS sheets will pick up this stylesheet. On your main stylesheet, you also have to make one change:

<link media="screen" rel="stylesheet" href="path/to/screen-stylesheet.css" />

Using screen means that only computers will pick up that stylesheet.

Good luck!

Try mobile theme module

markj - April 1, 2009 - 15:23

Interesting module - I'll be

Jay Matwichuk - April 1, 2009 - 15:47

Interesting module - I'll be looking forward to it as they develop it more. But it's still in dev, so not really usable yet.

Mobile Module is in official release

Cliff - September 8, 2009 - 04:35

Check again — you want the Mobile theme (http://drupal.org/project/mobile), not Mobile Theme (http://drupal.org/project/mobile_theme). Mobile has been in official release since May. Versions are available for both D5 and D6.

By the way, sites that work well in this theme are also likely to be accessible. :-)

Cool! I can guarantee that I

Jay Matwichuk - September 8, 2009 - 05:17

Cool! I can guarantee that I will use that at some point!

 
 

Drupal is a registered trademark of Dries Buytaert.