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?

CommentFileSizeAuthor
#9 display_issue.png119.98 KBscottzozer
#5 800.jpg114.33 KBkrazykellie
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

krazykellie’s picture

Does 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.

krazykellie’s picture

I'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!

gtsopour’s picture

Assigned: Unassigned » gtsopour
Category: bug » support
Issue tags: +corporate, +Corporate Theme, +Corporate Clean Theme

I changed this issue to support request.

Thanks
/George

gtsopour’s picture

Hello 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

krazykellie’s picture

FileSize
114.33 KB

Hey 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:

  • Taken a look at the CSS (but did not update anything)
  • Changed themes and tested to see if it was a module or Drupal 7 issue
  • Deactivated modules to see if modules were causing the issue
  • Tested on different monitors and different browsers

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!!!

gtsopour’s picture

Hello 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

krazykellie’s picture

Sure, we have it blocked by IP but you can still see the page: http://apps.metrolibrary.info/drupal

krazykellie’s picture

scottzozer’s picture

FileSize
119.98 KB

I 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.

gtsopour’s picture

Title: Screen Resolution » Screen Resolution issue (no min-width definition)
Category: support » bug
gtsopour’s picture

Hello 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

gtsopour’s picture

Title: Screen Resolution issue (no min-width definition) » Screen Resolution issue
Status: Active » Fixed
krazykellie’s picture

Thank you gtsopour! You're the man!

It looks great now!

gtsopour’s picture

You are welcome krazykellie.

style.css change just committed http://drupalcode.org/project/corporateclean.git/commit/8bc183c

Thanks
/George

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

scottzozer’s picture

Glad 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!