Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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.
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%; } }