Hi @undomains
Unfortunately, WooCommerce Blocks does not currently support this feature directly through the editor. The default setting is for one column on mobile displays to ensure optimal user experience and readability.
However, this could be achieved with custom CSS. Please note that this requires some knowledge of coding and may not work perfectly on all mobile devices. Here’s a basic example of how you could do this:
@media only screen and (max-width: 600px) {
.wc-block-grid__product {
flex: 0 0 50%;
max-width: 50%;
}
}
Remember, before making any changes, it’s always a good idea to backup your site and, ideally test changes in a staging environment first.
Additionally, if you have any further questions on development or custom coding, don’t hesitate to reach out to some of the great resources we have available for support. Our WooCommerce community is brimming with skilled open-source developers who are active on the following channels:
Let us know if you have any other questions or need further assistance.
Thanks!
