This tutorial provides the step to create the Isotope Masonry Blog Post archive in Genesis. The effect showing articles in 4 columns when clicked repositioning it into 2 columns other articles to mix and re-create the layout.
The tutorial is an additional upgrade of Isotope Masonry Gallery in Genesis
Prerequisite:
Make sure you have feature-image enabled on the archive. Go to Appearance > Customize > Theme Settings > Content Archives.
Use Content Excerpt or Content Limit Characters. Checkbox to Include the Featured Image and select size. Save Changes.
STEP 1
If Isotope Script is not Enqueued.
A. Download the Isotope JS from here and move the file isotope.pkgd.min.js to /js/ folder of the child-theme.