Question

I’ve been building the website http://orion.viperdmc.com. The layout seems to work fine on all browsers except for Safari running on the iPad.

On that browser, if I resize the page so that the large image at the top fits the iPad display, the content below appears left-aligned instead of center.

Does anyone have any ideas why this might be?

Answer 1

Ok I think you can fix it by matching the width of the first container in the mark-up to the image (#feature-image-inner):

So add a class of .first to the first .container in your markup:

<div class="container first">

Then target it with the CSS below.

.container.first{
    width: 1280px;
}