Footer is cutting into my project page


#1

My project page is getting cut off by the header instead of pushing it down. I’ve linked the page below. Please review and provide some much needed insight.

I’m using Wordpress. Thanks

http://alandaniel.com.au/joinery-carpentry-projects-sydney/


#3

This is a common issue with Masonry. Masonry is a JavaScript library that does the tiling pattern on that page, and it’s likely happening because the images are being loaded slightly after the library is loaded.

If you open your dev console and run: jQuery('.masonry').masonry('reload') you’ll see that it fixes it. Unfortunately I’m not sure how to fix it within WordPress, but that might help someone more familiar with it to help!


#4

Not familiar with masonry either but the documentation mentions this:

https://masonry.desandro.com/layout.html#imagesloaded