Archived topic
How to add Infinite Scroll on Individual Article
5 replies · Started by Devansh on August 11, 2021
Hi, I want to add infinite scroll to the articles of my site - https://weknowcricket.com/
Hi there,
best i can offer is this CSS - to stop the articles from appearing to the side:
.single-post .site-content {
flex-wrap: wrap;
}
@media(min-width: 769px) {
.single-post #content > article, .single-post #content > .post-navigation {
max-width: calc(75% - 80px);
}
.single-post #content > .post-navigation {
width: 100%;
}
}
But you have a lot of other scripts such as adverts that inject code that may cause some interference, not much i can do about that.
Hi, can I create an account for you so you can add the CSS? I'm not tech-savvy and don't want to break anything by tinkering with the code.
Simply copy the CSS.
Go to Customizer > Additional CSS and paste the code in at the very top.
Done. It's working, sort of. It only loads one article after the current one and that's it. Doesn't load new content continuosly.
I tested the plugin on a local development site and it worked correctly.
But then i don't have adverts or other code being injected into the site as you do, which may be the problem.