White space on mobile view

• 

  jmchez · Member · Feb 18, 2021 at 1:19 am

  • Copy link
  • Add topic to favorites

  Hello,

  I have added CSS code to modify the default view of HIVE theme to fit more blog columns and rows screen. This works fine on desktop and tablet, however on mobile there’s a gap between the last post loaded and the “Older Posts” option.
  Can someone please help me shrink that space upwards on mobile? Again, this works fine with Desktops and tablet.

  The site name is Beehighve.com

  Here is the CSS I’m using

  /* change display of archive grid */
  .home .archive__grid.grid.masonry {
  align-content: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:space-between;
  }

  html, body
  {
  width: 100%;
  overflow-x: hidden;
  }

  /* unset inline styles for articles */
  .home .archive__grid.grid.masonry article {
  position: unset !important;
  left: unset !important;
  top: unset !important;
  flex-basis:20%;
  }

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

• 

  aleone89 · Staff · Feb 18, 2021 at 11:00 am

  • Copy link

  Hello there,

  Many thanks for reaching out.

  I am able to replicate the issue you describe and I can see there’s quite a bit of custom CSS to unpick there.

  I noticed that this site is on the business plan, which means you have the benefits of realtime support, so you can reach out for help with this at any time here: https://wordpress.com/help/contact/

  It might be prudent to reach out via that channel so that we can help with that CSS, and perhaps improve that.

  I hope this helps.