Gaps appear in between client thumbnails

[irisbrandworks]

Hi,

Gaps have started appearing in the second column in between client thumbnails in the clients page of my website. I have tried deleting all the clients and tired adding them again but the issue still exists.

Reference Link:
http://irisbrandworks.com/?page_id=150

Reference images attached. (even when i try selecting the images, there are blanks which means there are no blank images.)

Regards
Sunal

[Mohammad – SUPPORT]

Hi,
Please share your login credential so i can check and resolve issue easily .

Thanks 🙂
With Best Regards
Swift Ideas

[irisbrandworks]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
I have fixed your issue so please check with hard refresh [ CTRL + F5 ] .
Thanks 🙂
With Best Regards
Swift Ideas

[irisbrandworks]

Hi Mohammad,

Thanks for this. The gap issue has been resolved although the vertical spacing between the columns has decreased. The images seem to be overlapping when the browser window width is more than about 940px (reference images attached) Could you keep the vertical and the horizontal spaces between the columns and the rows the same.

Thanks again.
Regards
Sunal

[Kyle – SUPPORT]

Fixed! 🙂

[Mohammad – SUPPORT]

Thanks kyle .

[irisbrandworks]

Hi Guys,

Although the problem is fixed for window size greater than 940px width, unfortunately my original issue re appears for browser size less than 940px width. Gaps are seen on the second column.

Reference image attached.

Regards
Sunal

[Mohammad – SUPPORT]

HI,
Please check with hard refresh [CTRL+F5] and another machine because its working at all here .

Thanks

[irisbrandworks]

Hi Mohammad,

Yes, I have tried on 2 different machines, and 2 different browsers. Tried hard refresh and also completely deleting all the history and cookies from all browsers. The problem still persists.

Regards
Sunal

[Mohammad – SUPPORT]

Hi,
I have resolved it so please check after clear cache .
Thanks 🙂
With Best Regards
Swift Ideas

[irisbrandworks]

Hi Mohammad,

Thanks, that works. Could you let me know which file and what line number you modified so that I could fix the issue just in case it happens again.

Thanks again.
Regards
Sunal

[Mohammad – SUPPORT]

Hi,
You most welcome . I have added some css style.css via Admin -> Appearance -> Theme Editor

ul.client-items li.client-item{max-height:220px;}
@media only screen and  (max-width: 939px) {
ul.client-items li.client-item{max-height:120px;}
}

Thanks 🙂
With Best Regards
Swift Ideas

[irisbrandworks]

Thanks Mohammad.

Regards
Sunal.

[Mohammad – SUPPORT]

Hi,
You welcome .
Thanks 🙂
With Best Regards
Swift Ideas