Issue with Infinite scrolling on masonry

[bhavya]

Hi,
I have implemented infinite scrolling on the home page which is masonry style.
I am able to load the new articles on scroll however the new articles do not have a ‘left ‘ & ‘top’ style elements set. Attaching a screenshot. (Articles below ‘post-5149’)
Due to this the new articles are overlapping on top of the previous ones. Could you please tell where/how these elements are set as I could not find it.

Attachments:

You must be logged in to view attached files.

[sharmstr]

Those are automatically calculated and set by the masonry script.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Try fixing all the jquery errors your site is throwing.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[bhavya]

Thanks sharmstr.
Are there any workarounds for this? I tried position: relative for the articles but then they are not responsive.

The jquery errors are unrelated. I have fixed them but still the same problem.

Attachments:

You must be logged in to view attached files.

[sharmstr]

Kleo uses isotope for the masonry. Perhaps you can refer to this to fix your issues: http://isotope.metafizzy.co/v1/demos/infinite-scroll.html

Or do a search here. Its been discussed.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[bhavya]

Thanks for the link Sharmstr. I was able to resolve it using isotope insert method.

[Author]

Posts