Full Width Gallery

Can you post a link? The width must be limited by your layout. You can fix this with some css hopefully.

Here’s the link – https://sarayacortaville.co.uk/newsite/

The gallery is not inside any div that is limiting it’s size. The div generated for the gallery is the holding div. So I wonder if it’s something to add to the Photoswipe CSS?

Ah yes the images are not responsive as such so the gap is calculated by the masonry plugin and how it fits the columns in. There isn’t a simple fix for that sorry.

Can it not go bigger than 9 columns?

I solved it, had a bit of a fiddle with the CSS. You make the gallery div 100% width, and set the thumbnail images a fixed width. Ended up being 224.62px :O

I’m still seeing a gap on the right depending on your screen size.

The columns are generated based on your image sizes. Smaller images will fit more columns!

Also your full size images are very small. ie. When you click on an image.

Images on there at the moment are only to fill the space. Full size images will be entered, and thumbnail sizes will be determined by the CSS. So full screen/lightbox images will be full/normal size.

When I do the responsive design I will have a look at multiple sizes. For now I’m just doing the size my laptop is.