- This topic has 5 replies, 3 voices, and was last updated 2 years, 12 months ago by
.
-
Posts
-
Hi Tom and team,
I have a question about what I think is referred to as “content reflow” – I’m no expert, though.
I’m finding that if a user scrolls down a page that has a WP Show Posts list on it, the page jumps back to the top once the page is fully loaded. This only seems to happen if the list uses featured images.
You can see an example of this issue on this page: https://www.academicenglishco.com/
It’s only noticeable on mobile devices because there is not enough on the page to make scrolling necessary/possible on a desktop.
Is there any way to avoid this? Could it be related to WP Rocket settings (combining js files, etc.)?
Many thanks in advance,
TimHi there,
I’m not sure if I’m seeing the issue. However, I’m seeing that you’re using Masonry, which uses javascript. It could cause some weirdness like this possibly – does the issue go away if you turn that option off?
Hi Tom,
Thanks for your reply.
Yes, turning off Masonry has definitely fixed the issue. The reason I originally turned Masonry on was not so much for the look, but because another issue I was having seemed to be fixed by having Masonry switched on. It’s obviously not a major issue, but on mobile, if the page loads in portrait mode, the featured images don’t seem to expand to fill the container if you turn the device to landscape mode. Would I need a larger image size to make sure they expand (current 900 px), or is there a code snippet I could add to force them to expand?
I hope that makes sense.
Many thanks,
TimHi there,
try adding this CSS:
.wp-show-posts-columns .wp-show-posts-single:not(.wp-show-posts-masonry-block) .wp-show-posts-image img { object-fit: unset !important; }
- You must be logged in to reply to this topic.