Implementing Infinite Scroll

Update:

I have changed the original code from the above to this:

/*Infinite Scroll*/
add_theme_support( 'infinite-scroll', array(
	'container'  => 'primary',
	'footer'     => 'footer',
) );

I can see the Jetpack’s footer loading when scrolling down, but when I arrive to the bottom of the page, the loading circle does not load the next array of posts ??

It looks like the Launch theme uses some different-than-expected content-*.php files, so this should mostly work:

function launch_render_infinite_scroll() {
	while ( have_posts() ) {
		the_post();

		$post_format = get_post_format();

		get_template_part( $post_format ? 'content-post-' . $post_format : 'content-post-standard' );
	}
}

add_theme_support( 'infinite-scroll', array(
	'container' => 'primary',
	'footer'    => 'footer',
	'wrapper'   => false,
	'render'    => 'launch_render_infinite_scroll',
) );

You may want to use Custom CSS to hide .page-navigation, because it’s not in its own container, so it stays visible above the newly loaded posts.

Thanks much, Infinite Scroll works now! But I have another problem – when it loads the next set of posts, the font changes and the little icons representing the type of post disappear. Just go to doodlie.me to see a working example…

P.S. The Fixed Sidebar stops scrolling too ??

At this point, it’s probably best to request assistance from the theme author (https://www.themezilla.com/support/); I may be able to improve it marginally, but they would be able to offer a complete implementation.

Thanks much anyway ??

I’m going to mark this thread resolved in the interest of managing the support forum, not because I think that I’ve fixed everything you asked about, but because I think you have the information you need to get it fixed by the right people.