Isotope overlapping .items because of featured images – HELP! [closed]

Your page is loaded with jQuery errors (not using no-conflict), and additionally your isotope.js doesn’t appear to be in no-conflict. This is why you’re getting errors like $ is undefined. Once you fix your jQuery by either replacing the $ with jQuery or wrapping your functions in

(function($) {
    $('selector');// Now you can use the $ to do whatever you want.

})( jQuery ); 

you should be in business. Your first JS doc looks like it also has an extra }); at the end. Then in your main page where you call the flex slider

 <script type="text/javascript" charset="utf-8">
            $(window).load(function () {
                $('.flexslider').flexslider({
                    touch: true, // to allow for touch controls
                });
            });
        </script>

This is also the wrong, and need to be in no-conflict.

Try this:

 <script type="text/javascript" charset="utf-8">
        (function($){   
            $(window).load(function () {
                $('.flexslider').flexslider({
                    touch: true, // to allow for touch controls
                });
            });
        })(jQuery);
 </script>

or just replace the $ with jQuery like this:

<script type="text/javascript" charset="utf-8">
      jQuery(window).load(function () {
           jQuery('.flexslider').flexslider({
                    touch: true, // to allow for touch controls
            });
        });
</script>