Early Bird Registration for DrupalCon Portland 2024 is open! Register by 23:59 PST on 31 March 2024, to get $100 off your ticket.
Hey All,
I'm curious if you all have encountered the site not displaying properly in 800 by 600. We have a few customers still using 800 by 600 and half of the right side goes black. Do you know of any quick fixes for this?
Comment | File | Size | Author |
---|---|---|---|
#9 | display_issue.png | 119.98 KB | scottzozer |
#5 | 800.jpg | 114.33 KB | krazykellie |
Comments
Comment #1
krazykellie CreditAttribution: krazykellie commentedDoes anyone have any insight? Our site won't be that effective if some of our customers can't see all the info. I can send whatever additional info that is needed to fix this issue.
Thanks.
Comment #2
krazykellie CreditAttribution: krazykellie commentedI'm just following up to see if anyone had any suggestions. I've tried updating some of the CSS but nothing seems to work. Please someone! Anyone!
Comment #3
gtsopour CreditAttribution: gtsopour commentedI changed this issue to support request.
Thanks
/George
Comment #4
gtsopour CreditAttribution: gtsopour commentedHello krazykellie,
Corporate Clean theme has by default width 960px. If I understand correctly, you would like instructions in order to achieve a Corporate Clean with 800px width. So, you will have not horizontal scroll bar in a resolution of 800px width. Kellie, am I right with this description?
Thanks
/George
Comment #5
krazykellie CreditAttribution: krazykellie commentedHey George,
Thanks for getting back with me. Currently, a majority of our customers can fully enjoy the site at 960. We still have some customers who are using screen resolutions at 800 x 600. When I tested the site, it appears that the right side is cut off and does not show up on monitors that resolution.
This is what I've done to trouble shoot:
I did not experience the same issue with other themes. I also discovered it was not a module css corrupting it when I deactivated them.
I'm hoping you can take a look at the CSS and see why it's cutting off in monitors by 800 x 600. Please understand that I do not expect that it will look the same as it does in larger resolution monitors. I just would like our customers to see all of the content even if they have to scroll. But now, when they scroll, they do not see all of the content.
Please help!!!
Comment #6
gtsopour CreditAttribution: gtsopour commentedHello krazykellie,
i understand your issue and i will prepare for you some instructions, but give me some time please. Another last question, is your Drupal installation online? Could you give me the url of your installation?
Thanks
/George
Comment #7
krazykellie CreditAttribution: krazykellie commentedSure, we have it blocked by IP but you can still see the page: http://apps.metrolibrary.info/drupal
Comment #8
krazykellie CreditAttribution: krazykellie commentedSorry! It's http://my.metrolibrary.info/drupal
Comment #9
scottzozer CreditAttribution: scottzozer commentedI think a better description of the issue, which I am also seeing, would be as follows.
(This applies when you re-size your browser to a point that a scroll bar appears at the bottom)
When you use a scroll bar at the bottom of the browser everything to the right of the window limit will not be displayed. It seems like all divs get chopped off and get hidden. I have not looked into any of the code but it might be something to do with overflow and dynamic styling on browser size.
I did see one thing that might point the developers in a right direction though. The menu bar, at least on the krazykellie posted URL, will actually extend over the barren display limits.
hope this brings better insight to the issue.
Comment #10
gtsopour CreditAttribution: gtsopour commentedComment #11
gtsopour CreditAttribution: gtsopour commentedHello krazykellie and scottzozer,
scottzozer thank you for your extra description. I changed this issue from support request to bug report and committed the changed code to repository.
In order to resolve this issue is needed a min-width definition to body (style.css). Therefore, just make the following change inside style.css file.
From
body { font: 0.8em/165% "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; margin:0; padding:0; color: #7a7a7a; outline:0 none; vertical-align:baseline; background:#1a1a1a; }
To
body { font: 0.8em/165% "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; margin:0; padding:0; color: #7a7a7a; outline:0 none; vertical-align:baseline; background:#1a1a1a; min-width:960px; }
Thank you again for helping support this Drupal 7 theme. Please inform me if you have any problems.
/George
Comment #12
gtsopour CreditAttribution: gtsopour commentedComment #13
krazykellie CreditAttribution: krazykellie commentedThank you gtsopour! You're the man!
It looks great now!
Comment #14
gtsopour CreditAttribution: gtsopour commentedYou are welcome krazykellie.
style.css change just committed http://drupalcode.org/project/corporateclean.git/commit/8bc183c
Thanks
/George
Comment #16
scottzozer CreditAttribution: scottzozer commentedGlad you found the resolution, I ended up moving to wordpress and while creating a theme I came across this same problem and found the same solution. I was going to share it but looks like all is well!