Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Posted by alex mattingley
alex mattingley
7,508 Points

Weird loading errors with a site that I am working on.

Hi everyone!

Thanks in advance for your help.

Back story: Girlfriend bought this theme a while back (long before I became a developer) and assembled it herself. Everything worked fine for a while but recently the portfolio pages stopped displaying correctly.

How to replicate the problem:

Go to http://lulight.com Click on the places, or the people tab in the nav bar. You will see that each block overlaps the one above it. Weirder still, if you go back to the homepage and then return back to the portfolio page it will usually display correctly.

My theory is that it has to do with the javascript somehow, something is interfering with it and not allowing it to process all of the way. Its almost as if it takes multiple loads for the page to display correctly. Girlfriend thought that the problems started when she downloaded the google antalytics plugin so I deleted it entirely, but that did not work.

Any help would be greatly appreciated. I know very little javascript, so I could be wrong about the origins of the problem.

Best,

Alex

5 Answers

Dustin Matlock
Dustin Matlock
33,856 Points

Alex, you can maybe try a newer version, but make sure you backup your files. Also, check the documentation.

alex mattingley
alex mattingley
7,508 Points

Yea, that was what I was going to do. Im using git so if something goes wrong I can revert to a previous version :)

Dustin Matlock
Dustin Matlock
33,856 Points
Dustin Matlock
Dustin Matlock
33,856 Points

Hey Alex, have you tried disabling all other plugins? If Wordpress has been updated, it's possible the theme needs some updating to be compatible with the latest version of Wordpress.

Andres Altuve
Andres Altuve
16,274 Points
Andres Altuve
Andres Altuve
16,274 Points

Hey Alex, sorry for the late reply.

The best solution is what Dustin told you, backup and try the newest version.

alex mattingley
alex mattingley
7,508 Points
alex mattingley
alex mattingley
7,508 Points

Hi Dustin,

I only have tried disable some plugins, ill give that a shot.

EDIT: Deactivated every single plugin one at a time and did testing. None of them fixed the issue. Any other potential ideas?

Best,

Alex

Andres Altuve
Andres Altuve
16,274 Points
Andres Altuve
Andres Altuve
16,274 Points

It seems like there is a problem with the CSS, if you make the explorer small like if you were looking the site with a mobile device and then expand the explorer to its normal size everything works fine.

You also have a problem with a JS file, the name is masonry.min.js?ver=3.1.2

alex mattingley
alex mattingley
7,508 Points

Hi Andres,

Thanks for the tip about the masonry file. I am a JS newb, what is wrong with it?

Alex

alex mattingley
alex mattingley
7,508 Points

Wait, that masonry js thats the problem, thats it. how do I fix it?