Hi there,

Applied css codes below and it should shown based on the image size itself. Please give it a check and see how it goes.

[gist type="php"]
#es .es-photos.pattern-flow .es-photo img {
height: 100%;
}

#es .es-photos.pattern-flow .es-photo {
height: 100%;
}
[/gist]

This has helped however it causes distortion of image on smaller screens. Where they can't accommodate the full width

Facebook seems to handle this by displaying as 100% width of the container.

Which of course only works with a non-fluid site.

I have therefore switched to a static layout in the hope that would work but the same problem exists.

Hi there,

Applied width to 100% on same css styling. Can you give it a try and see how it goes.

This has helped however it causes distortion of image on smaller screens. Where they can't accommodate the full width

Not sure how small those screen you referring to. Can you provide us with more details or steps on how to replicate this. Please advice.

Those screens were mobile phone's or simply resizing a chrome window.

This 100% width seems to have fixed it my only concern that it might blow up very small images to a point of pixelation but it seems to be OK at the moment.

Where was the code added so that we can replicate it in future if updates overwrite it.