Issue with ipad layout being forced left

HTML & CSS
1

So we just re-launched a new site today and on the IPAD vertical and horizontal I have a gap of whitespace on the right hand side of the site…wondering if anyone has any CSS suggestions as to how I can correct this so it centers properly on the ipad…

Any help much apprecitated.

Thanks,

Matt

2

You have to be pretty careful with responsive sites, building them up and testing them as you go. On small screen sizes, you still have the Content div width set at 1000px in width:

.col-full, #wrapper {
width: 1000px;
max-width: 1000px;
}

Other things break at a narrow width, too, so make sure to test your media rles in a normal desktop browser as well. (Narrow the window in Chrome and you’ll see several major problems.)

When using @media queries, it’s also a good idea to att this to the <head> of each HTML file:

<meta name="viewport" content="width=device-width">