OK, had a brainwave… seems like we’ve got multiple versions of jQuery being loaded, which is probably not helping.
So, can you remove these lines from the head of your html:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://79.170.40.244/healthmeanswealth.co.uk/wp-content/themes/Avada/js/easing.js"></script>
And move this one:
<script src="http://79.170.40.244/healthmeanswealth.co.uk/wp-content/themes/Avada/js/jquery.BGParallax.js" type="text/javascript"></script>
right before the closing </body> tag, and move this block:
<script>
$(document).ready(function() {
$.BGP({
backImage: "http://79.170.40.244/healthmeanswealth.co.uk/wp-content/themes/Avada/images/dandelion.png",
midImage: "http://79.170.40.244/healthmeanswealth.co.uk/wp-content/themes/Avada/images/dandelionmid.png",
foreImage: "http://79.170.40.244/healthmeanswealth.co.uk/wp-content/themes/Avada/images/dandelionmid.png",
backX: "-100000px",
backY: "-10000px",
midY: "-100000px",
midX: "0px",
foreY: "100000px",
foreX: "0px",
backTime: 10000000,
midTime: 10000000,
foreTime: 5000000,
backEase: '',
midEase: '',
foreEase: '',
slideShow: false,
});
});
</script>
immediately after it.
Edit: Just seen your last message - great stuff! What I said about removing the first two linked JS files still stands though, as wordpress is loading it’s own versions near the bottom of the page anyway.