Hi All,
I've been trying to make a website which is nearly complete into a responsive design. It was decided after the site was built, so I couldn't implement a theme which was already responsive, I had to do it from scratch. I found this article and it made the whole process very simple - http://www.netmagazine.com/tutorials/create-responsive-drupal-theme
HOWEVER, I've encountered a problem. My styles sheets are doing what a I tell them, changing colour and size etc, which is great. But when I 'display:none' certain blocks - which can't fit onto a mobile - they disappear on all the style sheets.
For example, I've 'display:none' the search block on 480.css as it's not needed on a mobile, it then disappears from all sizes of the site - even the largest.
Any help would be great!!
Here is my .info:
name = Framework
description = Framework is a blank canvas for theme developers. Use Framework as a starting point to facilitate your theme development.
core = 7.x
engine = phptemplate
stylesheets[all][] = style.css
stylesheets[all][] = reset.css
stylesheets[(min-width: 480px)][] = 480.css
stylesheets[(min-width: 768px)][] = 768.css
stylesheets[(min-width: 1024px)][] = 1024.css
regions[header] = Header
regions[navigation] = Navigation
regions[highlighted] = Highlighted
regions[help] = Help
regions[content] = Content