Hi all,

I have a wordpress site (http://www.derbypartypics.com) which has a gallery on the homepage. This displays correctly in Safari on a Mac but the images appear in a single column and cuts through some of the larger images on an iPad.

I've tried changing the gallery style but no luck, any suggestions?

many thanks

Rich

This also happens when you make your window narrower on a PC.

Have you looked at it using the FireBug extension in FireFox to see what CSS has been applied. You can make changes on the fly to see the result. Then you can add the css to the site .

In your custom CSS, you have this rule:

.tiled-gallery {
    margin: 0 200px;
}

It looks like you're trying to make sure the gallery stays centered? The 200px margins are too much at narrow screen widths. Try changing it to this:

.tiled-gallery {
    margin: 0 auto;
    display: table;
}

Brilliant!! Thanks both for your replies! Very much appreciated.

This sorted it, thanks again!