[Resolved] how can we change layout one photo change to two photo on the columns ?

[leon]

Hi David
I did, not working. what reason make this problem ?

[leon]

DETAILS REMOVED BY ADMIN
you can have look.

[David]

I cannot see the issue – this is how i see it on your site:

https://www.screencast.com/t/lb7JfiytuXNZ

If you’re having difficulties in the post editor then you may just have to wait a little while for the screen to update.

NOTE: DO NOT share login details in your replies. Only add them to the Private Information fields where only us ADMIN users can see it.

[leon]

The password is temp will be fine.
we got the website using GP theme and plugin. you can complete two websites you can see the issue.
the main problem is the mobile mode, only show one photo on that. should show two photos or more in one column.

This is the website I try to do it.
https://kutty.co.nz/

but when I using the GP theme can not do the same as kutty.co.nz

[Ying]

Do you mean the Woocommerce block shows 1 product per row instead of 2 products per row on mobile?

If so, we’re very sorry that GP has no control over Woocommerce block’s layout.

But you can give this CSS a try:

@media (max-width: 480px) {
.wc-block-grid.has-5-columns li.wc-block-grid__product {
    flex-basis: 50%;
}
.wc-block-grid.has-5-columns ul.wc-block-grid__products {
    display: flex;
}
}

Let me know 🙂

[leon]

Yes, this is the main problem.
Thanks for your CSS code fix the problem.
thanks, Ying and David help us fix the problem.

[Ying]

You are very welcome 🙂

[Author]

Posts