By labourstart on
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.
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!
Contact me to contract me for D7 -> D10/11 migrations.
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.
Contact me to contract me for D7 -> D10/11 migrations.
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. :-)
– Cliff
Cool! I can guarantee that I
Cool! I can guarantee that I will use that at some point!
Contact me to contract me for D7 -> D10/11 migrations.