Whitespace between product image and gallery on initial load of lightbox product page

Ok, so eventually managed to figure out that it was due to a couple of optimization plugins that were interfering with WooCommerce's image slider: JetPack's lazy loading and SG Optimizer.

Deactivated SG Optimizer and added the following to my child theme's functions.php:

function is_lazyload_activated()
{
    $condition = is_product();
    if ($condition) {
        return false;
    }
    return true;
}
add_filter('lazyload_is_enabled', 'is_lazyload_activated');

Now things are working again. Shame that can't have the optimization plugins working at the same time. At least the code above allows lazy loading on all pages except for the product pages though.

Your issue is flex slider in This page.

Put This script in footer.php

<script type="text/javascript">
    
    jQuery(document).ready(function(){
   
    jQuery('.flex-viewport').css('height', 525);

    jQuery('.flex-control-nav li').on('click',function(){
       
        jQuery('.flex-viewport').css('height', 525);
    });

});

</script>