we are using Integrity and our blog page (used to display news items) is using masonry, which looks great because our post thumbnails have different sizes depending on title, text and image.
Our news posts are displayed in chronological order, starting with most recent... This is fine on the first row because all items are aligned at the top, but in the subsequent rows, as thumbnails differ in size, the next post in order takes the uppermost space in the grid first, and not necessarily the one that is most to the left. This causes some confusion to our readers who expect that more recent posts appear from left to right.
Please see below the image below. Chronological order is currently C, B, D, A BUT we want A B C D.
We understand that this is Masonry behavior depending on what free space is found in the grid, but is possible to change this behavior by customizing the Masonry JS files? (we already have a child theme set up).