Support

 Hey There,

I am building a new website for our photography business, I had one identical running up until I broke it trying to move it. The new one I am working on does not display the image correctly. I have attached a picture showing what it is like. If you change the size of the browser, even a millimeter it displays perfectly

Please Help!

the gallery is at http://trial.whiterosephotography.co.nz/index.php/galleries/children

Thanks

Well after a lot of reading through the template code I found the issue! There was something resizing the avatar-content to 99% casing the last image to drop to the next line. It turned out it was a javascript file (avatar-template) with the below code:

if($(window).width() > 767)
{
var right = $('#avatar-right'),
left = $('#avatar-left'),
content = $('#avatar-content'),
rw = 0,
lw = 0;

pw = content.parent().width();

if (right.length > 0) {
rw = right.width()/pw*100;
}

if (left.length > 0) {
lw = left.width()/pw*100;
}

if (content.length > 0) {
content.width((100 - rw - lw - 1) + '%');
}
}
}

I changed the last line to "content.width((100 - rw - lw) + '%');" and had 100% again and working fine.


I hope this may help someone else out there :)