So I played around to see whats happened and how to fix it and noticed that if under query template settings I set “grid” and enable Masonry then it breaks and looks as in image above.
But If in query template settings I select grid, then enable Masonry and then deselect “grid” (or select “flex”) then it gets back to normal.
So I assume it is bug because you cannot select masonry layout without selecting “grid”. But for it to work you have to deselect “grid” after then. Don’t think it is expected behaviour.
Anyone else has this problem?
Step-by-step reproduction:
Add query and query template to page
Select any post type to display, add image and title to visually see
In query template settings select “grid” and Masonry - that is where it breaks
Leave Masonry selected and deselect “grid” - that is where it gets back to normal.
Apologies for this bug, which was unfortunately introduced in the last update.
Thanks for the detailed report, much appreciated.
We’ll have a fix for it later today.
Thanks @Louis for fixing Masonry layout!
However now I have different problem with the latest version (1.2.8.7.3). Seems that some styling is not loaded in backend.
When editing header I see this:
Same is when editing page. In page template I have set wrapper 1300px wide centered and when editing page it was respecting that rule and content was 1300px wide centered.
Now everything in page is full width.
So I have feeling that some styling is not loading for backend.
Tried to regenerate blocks html and css, clean cache.
All this is for backend. Frontend seems ok.