I went to this post: https://kriesi.at/support/topic/open-virtual-tours-in-lightbox/#post-291227

And added this to my functions php:
function add_custom_script(){
?>
<script>
jQuery(window).load(function(){
jQuery(‘a[href*=”/360tours”]’).magnificPopup({
type: ‘iframe’
});
});
</script>
<?php
}
add_action(‘wp_footer’, ‘add_custom_script’);

But nothing is working still..
http://liquidjunglemedia.com/dont-need-realtor-want-360-degree-virtual-tour/

When you click the images within the blog, instead of the Virtual tour opening, is says Image cannot be loaded..

Please can anyone advise me…

I just fixed my issue by placing a colour section first with no padding and then the Layerslider inside the colour section.
Strange but it fixed it with out the need for CSS..