Integration of both masonry with filtering doesn’t work.

On this page (https://staging.torontofurnishedrentals.com/gallery-tmp/)I have combined masonry feature with filtering. As you can see, I show 2 items first, if you select a filter (for example Kitchens) the filter works, but the display of the items is in the next spaces (instead of resetting the whole design and start the page again). I don’t think template or something has relevance, just using something to see how they work.

Template is just the default one from your example site

<li class="grid-item"> 
   <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
      <?php the_post_thumbnail('alm-cta'); ?>
   </a>
   <h3>
      <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
         <?php the_title(); ?>
      </a>
   </h3>
   <p class="entry-meta"><?php the_time("F d, Y"); ?></p>
   <?php the_excerpt(); ?>
   <div class="launch">
      <a href="<?php the_permalink(); ?>">View Details</a>
   </div> 
</li>

And shortcode used is this
[ajax_load_more post_type="apartment-image" posts_per_page="2" transition="masonry" masonry_selector=".grid-item" images_loaded="true" button_label="Load More"]

Let me know if you are able to make a test with both integrating to see if they work on your side. I don’t think is either a design issue, is something coming from masonry as I see the inline style set with position absolute, top margin and left margin added when they are created wrongly.

• This topic was modified 7 years, 9 months ago by Doru Tirlea.