Blog posts in Masonry layout on Altitude Pro front page

In the comments section of Masonry in Genesis using Salvattore, a user asked:

How can we set this script to show on one of altitude pro’s home page widgets?

In this tutorial we are going to replace the code for displaying Altitude Pro's Front Page 4 widget area with a custom Genesis loop with the markup needed for masonry via Salvattore.

We will set the number of columns to

• 4 for screen widths 1024px and above
• 2 for screen widths between 481px and 1023px
• 1 for screen widths below 480px

Step 1

Upload salvattore.min.js to child theme’s js directory.

Step 2

Edit Altitude Pro's functions.php.

a) Comment out or delete