Forums

Strange right hand margin

Permalink
I've been working on a site which is drawing fine on desktop machines however there seems to be a big right hand margin which makes a horizontal scroll bar on the browser window. I can't work out where its come from in the CSS it doesn't effect desktops as the auto margins on right and left centre the page on the screen.

http://www.stephengraver.com/

But on iPads particularly it is skewing the page as it is trying to cater for this area. I can't help thinking that if I sort that problem it will sit centred on an iPad. Or is there a way of centering on the iPad irrespective of the outside margins?

Any ideas? Any help gratefully received…The site is live and I need to sort this asap...
chassa2556
 
PineCreativeLabs replied on at Permalink Reply
PineCreativeLabs
In your /default/css/index.css file, look for: 

#main {
   width: 950px; margin: 0 auto;
   min-width: 600px;
   max-width: 1200px;
}

Try removing the min-width and max-width, and see if that solves the issue.
chassa2556 replied on at Permalink Reply
chassa2556
Thanks I tried that - still no joy...any other ideas??
samuelbarney replied on at Permalink Reply
samuelbarney
I would think it could have something to do with your slider don't have one of my ipads on me right now but I'll give it a look later if this is still unresolved but try removing slider and testing on ipad for troubleshooting this will help see if its block specific or template related.
chassa2556 replied on at Permalink Reply
chassa2556
Thanks for that - I was wondering that myself but this pagehttp://www.stephengraver.com/stephen-graver-experience/... has no slider and doesn't use the same template but still has the same issue...