Today I noticed that when I resized the window of my Opencart Shop (0.7.9) that when the window was resized smaller than the size of the main container (I'd set my width to 980px) that the page still stayed centered in the window and there was no way that I could see anything from the center of the page to the left, as the scrollbar only scrolled to the right of the screen and would not go past the middle of the page to the left....
I hope you can follow....
the css for the main container that was used to center the page is as follows:
Code: Select all
#container {
width:980px;
position: relative;
left: 50%;
margin-left: -485px;
}
I changed it to this:
Code: Select all
#container {
width: 980px;
margin-left:auto;
margin-right:auto;
}
It is a real problem if the user has a low screen resolution, although I know the default template of Open Cart is only 779px wide so this might not be so much of a problem but still should be fixed.....
Try re-sizing your Open cart shop and see what I mean,
you can see what I've done at my site at: http://shop.highwoodhealth.org
I'll just try to break down the css file and see If I can find the problem??? 
