Related Posts row fill for Mobile

  • Resolved saymynameut

    (@saymynameut)


    6 years, 1 month ago

    Hi,

    Jetpack related posts work great, just one problem which I can’t figure out.

    The first row shows 2 posts, second shows 1, third shows again 2 and fourth shows 1. This is in Mobile.
    How do I fill up the second and third-row with one more post on mobile, please?

    I tried to change the number to 8 thought it will equalize by 4 on Dekstop and 2 per row on mobile but it actually created another row.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor James Huff

    (@macmanx)

    6 years, 1 month ago

    Currently, we don’t have a good solution for this. Essentially, the posts are always displayed in rows of 3, and depending on how the theme handles smaller screens, sometimes that means one gets wrapped down.

    Thread Starter saymynameut

    (@saymynameut)

    6 years, 1 month ago

    If anyone else is looking for a turnaround, I hid it using CSS.

    If you using default 3 Posts
    @media only screen and (max-width:600px){#jp-relatedposts > div > div.jp-relatedposts-post.jp-relatedposts-post2.jp-relatedposts-post-thumbs{display:none;}}

    If you using 6 Posts
    @media only screen and (max-width:600px){#jp-relatedposts > div > div.jp-relatedposts-post.jp-relatedposts-post5.jp-relatedposts-post-thumbs{display:none;}}

    • This reply was modified 6 years, 1 month ago by saymynameut.
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Related Posts row fill for Mobile’ is closed to new replies.