Front page portfolio grid in Hatch has gaps of space

• 

  anandalavita · Member · Sep 7, 2015 at 1:31 am

  • Copy link
  • Add topic to favorites

  My site anandalavita.com uses the Hatch theme, which lets you have a grid of thumbnail images on the front page. These thumbnails are the Featured Images of each post. My problem is that seemingly random gaps of space occur within the grid where thumbnails should lay. I can’t determine the reason. I’ve tried changing the “publish” dates but the gap stayed the same. Does anyone have insight on this issue? Thank you.

  The blog I need help with is: (visible only to logged in users)

• 

  staff-happychia · Staff · Sep 8, 2015 at 9:49 am

  • Copy link

  I see what you are saying and it is weird.

  Could you go to Reading Settings screen at https://anandalavita.wordpress.com/wp-admin//options-reading.php

  Note the value in of Blog pages show at most

  Change it to something else. Save Changes. Then change it back to the original number, Save Changes and see if it helps?

  Also do you have many sticky posts?

• 

  kathrynwp · Staff · Sep 8, 2015 at 5:24 pm

  • Copy link

  Could you try turning off Infinite Scroll and see if the display works better?

• 

  kathrynwp · Staff · Sep 8, 2015 at 5:32 pm

  • Copy link

  I was able to replicate this issue on a test site and have let our developers know. Let me know if turning off Infinite Scroll does the trick in the meantime.

• 

  anandalavita · Member · Sep 8, 2015 at 8:14 pm

  • Copy link

  Hi Kathryn, thanks for your attention. Turning off infinite scroll only changes where the gaps of space show up. It’s off now in case you’d like to see what I mean at anandalavita.com.

• 

  anandalavita · Member · Sep 8, 2015 at 8:26 pm

  • Copy link

  Thanks for the suggestion, staff-happychia. Changing the “Blog pages show at most” value to a higher one (I tried 20 and then 50) filled in those gaps, with “Scroll Infinitely” set to off. So, those two things together did the trick.

  Out of curiosity, with the “Blog pages…” value still at 50, I (temporarily) turned on Scroll Infinitely again and the gaps showed up again in the same places as before (third row down, in the three right-side columns).

• 

  anandalavita · Member · Sep 8, 2015 at 8:43 pm

  • Copy link

  Oh, by the way, I only have one sticky post.

• 

  kathrynwp · Staff · Sep 8, 2015 at 9:06 pm

  • Copy link

  Thanks for your testing and reports. I’ll keep you posted here once our developers have had a look.

• 

  kathrynwp · Staff · Sep 9, 2015 at 12:09 pm

  • Copy link

  The issue with gaps in Hatch should now be fixed, so feel free to turn IS back on and lower the “Blog pages show at most” number to confirm. Please let me know if you still see any gaps. Thanks.

• 

  anandalavita · Member · Sep 9, 2015 at 6:16 pm

  • Copy link

  That was fast! Thank you, the gaps of space are gone with the settings reverted to the way they were before (infinite scroll on, blog pages # at the default of 10).

• 

  kathrynwp · Staff · Sep 9, 2015 at 6:21 pm

  • Copy link

  Excellent, thanks for confirming that the fix works as intended.