Support » Theme: Rife Free » Rife Free – blog scroll spacing corrupted

  • Resolved lukehallard

    (@lukehallard)


    Hi – I’m loving the theme, really great. One small problem, now that I have a good history of content, when I scroll lower, new posts fairly often appear compressed together, so you can’t read the title or summary text. It fixes if I resize the window, but as a default behaviour it’s not pretty.

    I’ve tried with infinite scroll and with ‘load more’, same both ways.

    Have you seen this before? Is there a fix?

    Thanks,

    Luke

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Theme Author apollo13themes

    (@apollo13themes)

    Hello 🙂

    Hey, yes I have seen this before. This is connected to a lazy load of images made by some plugins. It makes script for bricks messing up dimensions.

    Often adding exception in such plugin settings solves the issue.

    Please see this as a reference https://wordpress.org/support/topic/blog-posts-appearing-out-of-order/

    With kind regards.
    Air.

    Hi there,

    I have come across the same issue (on a pretty much clean install). I have not done a lot of investigation (as in I have not dug into the code), but I have found a few things:

    What I see happening:

    The blog entries do not space correctly down the page if there is more than one page of entries (pagination) or if lazy loading kicks in as you scroll down the page (using lazy loading).

    Where is this happening:
    The only browser I see the problem is Firefox and Firefox Developer. It does not occur in Edge, Chrome or Safari (MAC).

    What I have tried:
    I have tested this in a clean install with no additional plugins installed. I have turned off lazy loading for Albums and anywhere else I can find it being used. I have tried all the “Post Look” styles, but they all suffer the same issue. Same with Masonry v Each row from new line.

    Checking the Console on Firefox I do see this message – which may or may not help…

    “This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects for further details and to join the discussion on related tools and features!”

    Hope this may help, but if you need further information, then I am more than happy to provide…

    Many thanks,
    Mark

    Thanks for confirming Mark. I get the same problem on Chrome.

    I’ve tried all combinations of “each row new line” and masonry, and with lazy loading on and off, same problem every try.

    Once the window is corrupted, I can fix it by resizing – but that’s not really a fix.

    Anyone have a solution for this?

    Theme Author apollo13themes

    (@apollo13themes)

    Hey 🙂

    Thanks for such a detailed description. I was able to reproduce the issue. Now I will be able to investigate what could be going on.

    With kind regards.
    Air.

    Theme Author apollo13themes

    (@apollo13themes)

    Hey guys 🙂

    Please make such code change to fix it. It will also come in the next theme update:

    Go to rife-free\advance\utilities\media.php line ~312 and change:

                    return get_the_post_thumbnail( $post_id, $size, array(
                        'itemprop' => 'image',
                    ) );

    to

                    return get_the_post_thumbnail( $post_id, $size, array(
                        'itemprop' => 'image',
                        'loading' => false
                    ) );

    It will fix the issue.

    With kind regards.
    Air.

    Outstanding responsiveness to the bug notification, many thanks. I’ll wait for the theme update for the fix, but great to know this has been dealt with.

    Hi Air,

    Thanks for providing the fix. I had put a trace on the image size and could see that it was being returned as zero outside of the viewport but only on Firefox.

    I had even tested with using a fixed height set in that same function which fixed it but would mean that I would have had to have all images set to that size! (not a great fix).

    I would not have known to set ‘loading = false’.

    Thanks,

    Mark.

    Theme Author apollo13themes

    (@apollo13themes)

    Hello 🙂

    The issue was caused by double lazy loading I could say. The browsers are implementing native lazy loading of images, however, it doesn’t work as intended in this situation.

    Anyway, glad we were able to solve this together.

    With kind regards.
    Air.

    Hey guys – I made that change today after all. It’s fixed the issue for my first click of LOAD MORE, but if I keep clicking through, by the time I get to the last page, it’s still corrupted in the same way. Is it possible that there’s somewhere else this fix needs to be made also?

    I also get the same problem on mobile.

    The described one-line change is live at https://telescopeinvesting.com/ now if you want to check it out again.

    Thanks.

    Theme Author apollo13themes

    (@apollo13themes)

    Hey 🙂

    I was just on your website, and I didn’t notice the issue.
    Could it be it was some old cache in your case?

    With kind regards.
    Air.

    lukehallard

    (@lukehallard)

    Haha, yeah you’re right – apologies!

Viewing 11 replies - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.