Tough to debug without a link but sounds like a possible JavaScript issue.
Do you see any errors in your developer console?
I don;’t think so. I just loaded the page with console running. I saw at GET request for the first ten posts, but nothing after that.
I could provide you with a login but not here, of course. Any chance I can PM, dcooney somehow?
Also, currently, my footer is set at position:fixed;. Could that be an issue?
UPDATE: So I got it where the infinite scrolling works….but only when there’s a button to click on. Which is not what I want. So at the very least we know the functionality is there, but I need to make it work beyond button clicks. Here’s the new shortcode (which does work):
[ajax_load_more post_type="post, food, film, music, art, fashion, photography" posts_per_page="10" scroll_distance="100" pause="false" button_label="Read More" ]
OK, I solved it, but now I have to figure out another solution for something else.
It’s the footer.
Because of the infinite scrolling, the client wants the footer to be fixed. To ‘float’ on the page, as they explain it.
So I did this style to my footer:
.site-footer { background: #000; position: fixed; width: 100%; bottom: 0; left: 0; font-size: 15px; z-index: 2000; }
If I delete the position:fixed; the infinite scrolling works. If I keep it, it doesn’t.
So I solved one problem but created another. How can I keep the footer on screen and still have my scrolling?
Found the solution! The problem was that when I had the sticky footer, the #page div no longer was hitting the bottom of the screen. So I did the following in my CSS and it worked. Now I have my infinite scrolling back!
#page { margin-bottom: 45px; }
