Ajax Portfolio Grid equal height

Hi,
Thank you for the link to your site, please ensure that you are using the same image size and layout for all images, either portrait or landscape, this should correct the images.
For the grid titles, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
  (function($){
    $('#av-sc-portfolio-1 .grid-sort-container').each(function(){
     var $gridContent = $('.grid-content',this);
     var gridContentmaxHeight = Math.max.apply(Math, $gridContent.map(function(){
         return $(this).height();
     }).get());
     $gridContent.height(gridContentmaxHeight);
  });
  })(jQuery);
  });
  </script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

and this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.grid-content {
   align-items: center;
   display: flex;
   justify-content: center;
}
h3.grid-entry-title a {
	text-align: center;
   float: right;
}

Best regards,
Mike

Hi,
Please change #av-sc-portfolio-1 to .av-portfolio-grid-sorting-container in the code:

like this:

function custom_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
  (function($){
    $('.av-portfolio-grid-sorting-container .grid-sort-container').each(function(){
     var $gridContent = $('.grid-content',this);
     var gridContentmaxHeight = Math.max.apply(Math, $gridContent.map(function(){
         return $(this).height();
     }).get());
     $gridContent.height(gridContentmaxHeight);
  });
  })(jQuery);
  });
  </script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike