Navigation selector not moving to the bottom of the page after click

Hi Mate had similar problem here is solution.

Your older post button currently lives inside your #content div and you have to move it outside of this.

So upload a copy of your index.php to your child theme.

Find the call for the posts navigation, I am using twenty twelve so it looks like this:

<?php twentytwelve_content_nav( 'nav-below' ); ?>

The posts navigation is the newer posts and older posts links that appears at the bottom of your blog page, so use your developer console to find what it is called.

Step 1) take the nav-below or whatever it is in your index.php and enter it into you infinite scroll plugin settings. So navigation selector – #nav-below and next selector – #nav-below a

Step 2) In your index.php take the above php call and move it to AFTER the closing #content div but before the closing #primary div.

Hope this works for you

Sorted, thanks @jamo_dodger, needed to shuffle some of the divs around.

WOW that was great! I spend so much time trying to fork the plugin to fix that issue and was not for a minute thinking that I could just fix my theme…

Thank you very much plinth for asking this question and jamo_dodger for giving the answer for it!

P.S. WOW that is so much simpler than I thought ??
Thank you again!