Posted by labourstart on April 1, 2009 at 2:27pm
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.
Comments
Well, you can use a separate
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!
Full-time freelancer, always looking for work.
jaypan.com (my portfolio)
Try mobile theme module
Take a look at http://drupal.org/project/mobile_theme
Interesting module - I'll be
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.
Full-time freelancer, always looking for work.
jaypan.com (my portfolio)
Mobile Module is in official release
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
Cool! I can guarantee that I will use that at some point!
Full-time freelancer, always looking for work.
jaypan.com (my portfolio)