Thumbnails clickability some work some don’t

Turning on the browser’s console window shows an error (you can find out how to open the console window for your particular browser by googling “open console window <browser name>”);

TypeError: document.getElementById(…) is null

which is caused by this function,

(function() {
    var e = document.createElement('script');
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
}());

Fix this issue and the thumbnails should work.

Thanks for the quick response. I have removed all of the errors but still not clickable.

https://www.goodiegirlcookies.com/gluten-free-cookies/birthday-cake-gluten-free-cookies/

Somehow the Jetpack plugin is interfering with the MaxGalleria code. This is what is normal:

<a rel="mg-rel-image-thumbs">		
<div class=""><img class="" data-showcase-thumb-id="40124" src="https://i0.wp.com/www.goodiegirlcookies.com/wp-content/uploads/2017/10/1500x1500_Snack2oz-ChoChunk2-1-e1514670620976-200x200.jpg" alt="" title="1500x1500_Snack2oz-ChoChunk2" scale="0" width="200" height="200">		
</div>	
</a>

And this is what Jetpack does to it:

<a rel="">		
<div class=""><img class="jetpack-lazy-image jetpack-lazy-image--handled" data-showcase-thumb-id="43185" src="https://i1.wp.com/www.goodiegirlcookies.com/wp-content/uploads/2018/10/600x600_BirthdayCake_3-200x200.jpg" alt="" title="600x600_BirthdayCake_3" data-lazy-loaded="1" scale="0" width="200" height="200"><noscript><img class="" data-showcase-thumb-id="43185" src="https://i1.wp.com/www.goodiegirlcookies.com/wp-content/uploads/2018/10/600x600_BirthdayCake_3-200x200.jpg" width="200" height="200" alt="" title="600x600_BirthdayCake_3" /></noscript>		</div>	
</a>

Please try changing your Jetpack settings.

Thank you deactivated Jetpack and all back to nromal