Mobile Query Loop layout issue

  • Hi again GeneratePress team,

    My Query Loop layout breaks on mobile inside the inner Container in the Loop Item. Structure is:

    Query → Looper → Loop Item → Container (timeless)

    The featured image and post title are inside that container, and they don’t stack correctly on mobile. I tried CSS fixes, but the issue remains. (www.timelsspersons.org)

    Can you advise the correct GeneratePress/GenerateBlocks setting or selector to fix this?

    Thanks.

  • the image size is 100%… use my login details

  • Hello,

    Image width is set to auto. Set it to 100%.

    image width 100%

  • I changes it as directed and It did not work bro… Check it on mobile.

  • Hi,

    On mobile, I see the image full width and the title below it, isn’t it what you want?

  • It isn’t responsive to mobile… it breaking.

  • Hello,

    I am not sure what you mean. What exactly is breaking? Can you provide some screenshots?

  • Hello are your working it …?

  • Hello,

    No, I am not logged in right now.

  • Hi GeneratePress team,
    I found that the mobile layout issue happens when the Query Loop “Posts per page” is increased to a high number like 50. With fewer posts, the cards display correctly, but with 50 the image/card layout breaks on mobile. Could you please confirm whether this is a known limitation or if there’s a recommended setting for handling larger query loops without breaking the design?

    Thanks.

  • Hi,

    We haven’t had an issue like this before. Is it possible for you to create a private page or a draft (and share it in the private section) that contains 50 or more items so we could see the issue?

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