Infinite Scrolling with Divi Theme (Masonry Grid)

Hello,

I use Divi Theme for WordPress. I created a home page with the Divi Builder composed by a grid for posts with 3 columns.

I configured your plugin with these selectors :

– Navigation Selector => div.pagination
– Next Selector => div.pagination .alignleft a
– Item Selector => article.post
– Content Selector => #main-content

The Infinite Scroll work partially. Indeed, when next posts are loaded, they are only on the right of the container (only one column).

Here is the code of my offline page (container section):

<!-- .et_pb_section -->

<div class="et_pb_section  et_pb_section_1 et_pb_with_background et_section_regular">	

	<div class=" et_pb_row et_pb_row_0 et_pb_row_fullwidth">

		<div class="et_pb_column et_pb_column_4_4  et_pb_column_0">

				<div class="et_pb_blog_grid_wrapper">

					<div class="et_pb_blog_grid clearfix et_pb_module et_pb_bg_layout_light  et_pb_blog_0 et_pb_blog_grid_dropshadow" data-columns="3">

						<div class="column size-1of3"><article id="post-222" class="et_pb_post post-222 post type-post status-publish format-standard has-post-thumbnail hentry category-non-classe">

						<div class="column size-1of3"><article id="post-202" class="et_pb_post post-202 post type-post status-publish format-standard has-post-thumbnail hentry category-non-classe">

						<div class="column size-1of3"><article id="post-200" class="et_pb_post post-200 post type-post status-publish format-standard has-post-thumbnail hentry category-non-classe">

					</div>

					<!-- .et_pb_posts -->

					<div class="pagination clearfix" style="display: none;">
						<div class="alignleft"><a href="http://localhost:8888/wordpress2/page/2/">« Entrées précédentes</a></div>
						<div class="alignright"></div>
					</div>
				</div>

			</div>

			<!-- .et_pb_column -->
			: :after
		</div>

		<!-- .et_pb_row -->
	</div>

<!-- .et_pb_section -->
</div>

Thanks

https://wordpress.org/plugins/yith-infinite-scrolling/