Archived topic
Product display on front page
5 replies · Started by Kasper on December 18, 2020
Hi.
I have added a section on this to display some of my products. But the section does not set the correct amount of products per row and it goes outside the "Grop" box i created.
site: http://test.rugholm.com/
Hi there,
you need to include the flex-wrap property to your CSS - see here:
.wc-block-grid__products {
display: flex;
flex-direction: row;
margin-left: -40px;
margin-right: -40px;
flex-wrap: wrap; /* Add this */
}Hi David.
Thanks, now it looks better. But there is still a problem. In the back-end I set it to have 4 products in a row, but it only displays 3.
In the back-end I set it to have 4 products in a row, but it only displays 3.
I believe some CSS in your child theme is causing the issue.
Can you try activating the parent theme to test first?
Ah sorry it was something in my function.php file.Thanks for your help.
No problem :)
