published by Ruben Hillier on Wed, 08/10/2011 - 13:31
I am currently working on a site which needs to run nicely on a multitude of platforms, devices and screen sizes.
I started off by reading up on responsive design which I have been interested in for a while. After building my own brew of CSS3 and XHTML using media queries I built myself a responsive Drupal theme based on Zen. Trying to build in some views which were displaying size dependent JQuery layouts it all started to get very messy. So I have now rebooted the project and after looking around decided to use a project I have looked at earlier, Omega.
published by Ruben Hillier on Wed, 08/10/2011 - 10:24
Update: Stiffler clarified this for me:
global.css is the primary when the page is in mobile and should be the main area to begin styling, say you want to change the background color on the wide format then you would add it to the theme_alpha_wide.css and it will override the global.css when the window is in the wide format
here is a link with some more info http://groups.drupal.org/node/156719
+--+
| |
| | Mobile
+--+ Out of the box your Omega sub theme will work best if you use global.css for generic size independent stuff to style the mobile device, remember Mobile First!
