Resizing Loop Grid Posts

11 years ago · Last reply by Andrew Misplon 11 years ago

For the home page on my site, I’ve changed the 4 to a 3 in loop-grid.php (via child theme) to show 3 articles in a row and the width in CSS from 25% to 33.33%. It looks good at 1080px (@media (max-width: 1080px)) but when it kicks over to 680px, where there’s two posts per row, there is a blank area after the third article where an article should be. I ‘d like the grid loop to continue showing posts without gaps. Is this possible? Any guidance would be highly appreciated.

I’m an amateur designer so I apologize in advance for improper terminology.

Dig the theme.
Thanks.

URL: http://grizzlystate.com

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

Andrew Misplon Staff 11 years, 4 months ago
Hi dropscience
I’m unfortunately struggling to find the origin of the problem at 680px. Perhaps try the following in the stylesheet of your child theme:
```
@media (max-width: 640px) {
  body.responsive .vantage-grid-loop article,
  body.responsive .vantage-circleicon-loop .widget_circleicon-widget {
    width: 33.333%;
  }
}
```

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.