I’m having trouble with the Masonry function. My content is generated as follows: a plugin is loading stuff from Twitter to WordPress and posting them automatically as posts by using Twitter embedded function.
Picture 1 / Front page, here you can see the overlapping in the middle column for example.
Picture 2 / This is the wanted result. Same view after zooming out and back in without refreshing the page (CTRL+Mouse scroll down – CTRL+Mouse scroll up)
Something isn’t telling Masonry what is the actual height of the content inside it. I’ve tried adding !imporant bottom-margins to .masonry-post and .masonry-brick, however they only did what they’re supposed to – not fix my problem. The plugin posting the content generates .twitter-tweet and .twitter-tweet-rendered classes. All help much appreciated. Awesome theme and addons!
Hmm, so you have content being dynamically added into the posts? That’s most likely the issue, as you said, Masonry isn’t being told the height of those added items, so it can’t adjust.
That’s the word I was looking for – dynamically, I guess. The plugin in use checks every X minutes for unseen content posted in Twitter by user U. If there is new content, it creates a new post in a category of my choice. I have no further information about the behaviour of this plugin.
Any ideas for a workaround? This site is not that crucial so even an automatic onload zoom-in – zoom-out would do the trick I think, if technically achievable.