For weeks now I’ve been struggling with this theme from Gazpo, Max-Magazine. It’s free, but that doesn’t mean it should be broken.
I’ve tried installing and uninstalling, deleting and reactivating various sidebar widgets, to no avail. The pictures still overlapped.
Instead of continuing to bang my head against the wall thinking I could figure it out on my own (or figuring that it was just permanently and inherently broken), I went straight to the source.
Now for some of you more experienced WordPress developers, this might have been a no-brainer. But for me, it was a challenge.
Here’s the fix I found, straight from the forum discussion about this particular theme:
Disable the call to masonry.js within the functions.php file. Seriously? Why is this even being called when it’s not necessary? Doesn’t make sense.
And here’s what that looked like for me:
I edited the file in TextWrangler (free for Mac and Windows). Take a look at line number 258. The /* and */ signal to the php processor that everything within these symbols are to be ignored.
Add these to your functions.php file (in directory /wp-content/themes/max-magazine), save, and upload. Refresh your cache if using something like W3 Total Cache, and revisit your website. You should see the fix as demonstrated below.
So that’s how you solve the sidebar overlap issue in the Max-Magazine theme from Gazpo.
Many thanks to the theme forum moderator Sami for sharing this tip with us.
What other fixes have you uncovered? What themes do you have installed? What are you favorite themes that you want to recommend to other readers? I appreciate you taking time to share.
Looking to learn more about web design? Check out the following resources: