[Resolved] Product display on front page

[Kasper]

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/

[David]

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 */
}

[Kasper]

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.

[Leo]

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?

[Kasper]

Ah sorry it was something in my function.php file.Thanks for your help.

[Leo]

No problem 🙂

[Author]

Posts