Splitting content into another column when using Masonry Preset in Easy Posts

Categories:
Tags:
,

When using the Easy Post element in Oxygen and selecting the Masonry Preset, you may encounter strange layout behavior. Part of the description or the "Read more" button may appear in another column. You can see this bug only in the Firefox browser.

Splitting content into another column when using Masonry Grid Preset in Easy Posts

Don't panic! This is easy to fix, I will now tell you how.
Open the Templates > CSS tab in Easy Posts and add this CSS for the .oxy-post selector:

display: inline-flex; /* instead display: flex */
width: 100%; /* important for some cases, add for reliability */

See example:

CSS fixes Easy Post column corruption for Firefox

That's all. Hopefully the Oxygen team will fix this someday.

arrow-up