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
Upload salvattore.min.js to child theme’s
Edit Altitude Pro's functions.php.
a) Comment out or delete
To view the full content, please sign up for the membership.
Already a member? Log in below or here.
Great tutorial as always! What if we would like to replace a specific category archive page on Altitude Pro with this masonry layout instead of displaying it on the homepage?
Follow https://sridharkatakam.com/masonry-genesis-using-salvattore/ instead. In Step 3 instead of naming the file as home.php name it category-$slug.php. Ex.: category-cars.php if your category is “Cars”.