On mobile not all blog posts showing

[mschreijen]

I have a problem with the number of blog posts showing. Only on a mobile phone there are only 8 posts showing with the rest being white space. If you keep scolling down it shows the the pagination and the widgets. On desktop all 25 posts are showing followed by pagination, widgets on the right…

https://mb.staging-schreijen.com/category/buiten/

[prakash_s]

Hello @mschreijen,

Thanks for writing to us.

I checked your site on my phone iPhone 7+ it seems that all the post is loading fine at my end. It might be the issue of the browser cache, I would suggest you please clear your browser cache and then check it again.

Thanks

[mschreijen]

Thanks for checking, but even after clearing cache on iphone the problem stil exists. I transferred the site from staging to the live environment, but stil the same problem. https://marjobrouns.nl/category/buiten/

When I tried the Buiten archive page on my iPad Pro just now to see if it has the same problem, I see that the when I start to scroll down the first three posts move over each other. This happens in 2 and 3 column view. I can reproduce the problem on Desktop when downsizing the browser window to ipad view after opening in desktop view.

I have tried on different iPhone that never opened the page and same problem. Seems as if it caused by Masonry view on archive template.

[tristup]

Hi @mschreijen,

I have also checked the issue in the Online Testing tools but didn’t find the issue you described here. Can you please change the Archives style to Standard and check if that resolves your issue?

Thanks

[mschreijen]

I set the blog page and archive to standard and both the problems don’t appear on http://mb.staging-schreijen.com/category/buiten/

The issues only appear in Masonry view…

[tristup]

Hi @mschreijen,

I suspect that it might be an ongoing issue that has already been fixed in the upcoming release. As a temporary solution, you can add this line of code under Theme Options > JS.

if (window.jQuery.xIsotope) window.jQuery.xIsotope.settings.animationEngine = 'css';

That will prevent the jQuery errors and restore masonry functionality.

Hope it helps.
Thanks

[mschreijen]

Thanks, added the code and it works. Both problems are solved.

[tristup]

Hi @mschreijen,

Glad that we are able to help you.

Thanks