Closed (fixed)
Project:
Zen
Version:
6.x-2.0
Component:
Miscellaneous
Priority:
Normal
Category:
Support request
Assigned:
Unassigned
Reporter:
Created:
24 Mar 2011 at 05:17 UTC
Updated:
21 Aug 2013 at 09:53 UTC
On our site, we are using a main content area of 1000px. We expect that 100% of our users will be using modern laptops/desktops with resolutions greater than 1024X768.
We are using the getsatisfaction "Feedback" widget on the left side.
The site looks fine, but if I view the site on iPad, the Feedback widget is "pushed" to the right into the main content area.
I would like to be able to use different CSS for the main content area only for iPad users.
How is this possible with Zen 2.0?
Thanks.
I've attached a screenshot so that you can see what I'm talking about. The screen is not actually from an iPad, but from Firefox resized to 1024X768 using the firesizer plugin.
| Comment | File | Size | Author |
|---|---|---|---|
| 1024x768_resolution_blurred.png | 110.84 KB | cookiesunshinex |
Comments
Comment #1
cookiesunshinex commentedI should have included that the resolution for the iPad is 1024X768.
We could just change the size of the main content area and shrink it lower than 1000px and make enough room for the feedback widget on the left, and a similarly sized space on the right of the main content area so that the feedback widget doesn't get "pushed" into the main content area and there is no horizontal scroll bar on the bottom, but we would rather use the 1000px main content area on desktops and laptops.
We would like to selectively change the CSS only for iPad users which are 1024X768.
I hope I made that clear.
Thanks.
Comment #2
michaelgiaimo commentedLook into CSS3 media queries. You can specify certain CSS rules depending on the resolution.
Comment #3
KrisBulman commentedsee this ticket about making a theme mobile (last comment)
http://drupal.org/node/1008582#comment-3943840
Comment #4
KrisBulman commentedIt brings up a good point though, should a zen_mobile theme be created for a good starter?
much like
http://drupal.org/project/fusion_mobile
Comment #5
barraponto@Kris, maybe, but if you are going to do it, please don't go with skinr as a dependency. You can add support, for what it's worth, but don't depend on it, please...
Comment #8
johnalbin