Viewing 2 replies - 1 through 2 (of 2 total)
  • hi funesh, i stuck at this issue too..
    when related post is set to more than 3 (in my case i set it to show 6 post), the third post get some space, and the forth started as the new line below, did you already solved this problem?

    i sent email to automattic for this issue, they give me this fixed, put the code into Custom CSS feature in Jetpack:

    @media only screen and (max-width: 640px){
    
    div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+4), div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4) {
      clear: right;
    }
    
    div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+6) {
      clear: right;
    }
    
    div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-child(3) {
      clear: left;
    }
    
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Display problem on mobiles when showing more than 3 posts’ is closed to new replies.