Featured Content on Landing Page: Items "slipping" into each other

  • Author
  • #92365

    Power User

    Good morning,

    for a few months I’m registrating a new behavour of the posts in “Featured Content” on the landing page.

    On the landing page I’m presenting the 9 latest posts of my site as featured content. The post items below the top row are slipping into the items below. Sometimes the teaser text is partly hidden by the featured image below and the “read more” button remains invisible or very hardly clickable.

    This behavour occours on Chrome and on Firefox as well, both on desktop and mobile version. I didn’t test other browsers.
    It also doesn’t matter if the layout is “contained” or “wide”, same if there are 2 or 3 columns.

    Furthermore I tested with the “Article Animation on Scroll” (Customizer > General > Decorations): Every option leads the items to be slipped into each other.

    Since I don’t get rid of this problem I’m asking for help. Thanks in advance!

    Website: www.plejadium.de


    Cryout Creations Team

    Please disable the images lazyload functionality and the posts should arrange themselves correctly.

    The code stacking the posts needs to calculate their height. Since the images are not present at that moment, the space they should occupy is not included in the calculations, and when they pop-up later, they make things overlap.

    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.

    Power User

    Thank you, this makes sense, I never would’ve figured it out 😀

Viewing 3 posts - 1 through 3 (of 3 total)

You need to log in to reply to this topic.