lysle

Thank you so much @kokkieh ! It was indeed a plugin conflict, and the culprit in my case was SiteGround Optimizer.

With it deactivated, the site theme works properly and I am so very happy.

Thank you very much for your help and have a very nice day!

I noticed that the version of the theme installed on my self-hosted site is older (1.0.7) than the one on the wordpress.com site (1.0.10).
I downloaded the 1.0.10 version of the theme, uploaded it to my self-hosted site and activated it.

The “Older posts” button works as it should and older posts stack under the more recent ones, as they should.

However, the grid display is still messed up, not accounting for the height of images.

The WP version installed on my self-hosted site is 5.9.3. Could the WP version be causing the malfunction? I haven’t figured out yet how to see which version is used by wordpress.com.

Thank you @jerrysarcastic ! I looked at the support resource you linked and tried the first method for enabling Infinite Scroll through the dashboard. It didn’t work entirely as expected:

– The option “Load more posts in page with a button” did exactly that, except it didn’t fix the display and the older posts appear stacked from the top of the page, overlapping above the more recent one.

– The option “Load more posts as the reader scrolls down” did the same thing as the option above, also featuring a button. [I’m leaving this option enabled in case anyone wants to see it live]

After this, I went back to the support resource you linked, and tried to figure out where to put the lines of code and how to adjust them to the Alto Focus theme.

I read through the function.php file of the theme, and determined that the layout of the posts seems to be determined by the asset grid.js, which in turn mentions:

// If new posts have been loaded from Infinite Scroll, attach them to the isotope wrapper and lay them out
// note: loadedPosts variable is set globally in altofocus_infinite_scroll_render(). See jetpack.php

So I looked at jetpack.php and found no mention of Infinite Scroll at all.
I presumed that maybe, that file Would the bottom of that file would be a good place to add the lines of code presented in the support resource you linked, but it made no difference.

I think there’s definitely a problem with the vertical stacking or the posts: they don’t anchor themselves to the right element. I’m afraid I still don’t know how to fix this.

• This reply was modified 2 years, 10 months ago by lysle.

With some additional research, I suspect that the problem has to do with Infinite Scroll not being activated on my website, unlike on the wordpress.com version.

I am now trying to locate where this feature might be located and how to unable it, but at this point it is a mystery.