Turns out, the above code to get the infinite scroll (click) to work is still a bit off…
On the full screen it is fine, but on mobile or tablet the scroll bar has no padding between it and the top of the footer (which is actually the sidebar moved to the footer area on mobile device)….
This causes the scroll bar to look like the title for the footer… so it is easily missed.. can a bit of padding be added below the infinite scroll bar on mobile devices…
again, my site is currently test4.franciscanfriars.org and this is the CSS code I’m using that you gave me a week or so ago.. (Oct 27)
.catchadaptive-masonry #infinite-handle {
bottom: 15px;
position: absolute;
text-align: center;
top: auto;
width: 100%;
}
.catchadaptive-masonry #main {
position: relative;
}
#infinite-handle {
text-align: center;
position: unset;
}
Thanks.