Site logo

Archived topic

not Responsive WooCommerce Product Blocks for Mobile

6 replies · Started by 林鴻木 on August 28, 2022

Viewing posts 1–7 of 7

Hello there,

On my end, viewing your page, the products are only on one column.

Tested on my personal mobile as well.

Can you try viewing on a different device to test?

In the current column, only 1 product is displayed
I want to display 2 products in one column

I want to display 2 products in one column
on mobile page

Hi there,

try adding this CSS:

@media (max-width: 480px) {
    .wc-block-grid.has-4-columns .wc-block-grid__products {
        display: flex;
    }
    .wc-block-grid.has-4-columns .wc-block-grid__product {
        flex: 1 0 50%;
        max-width: 50%;
        padding: 0;
        margin: 0 0 24px;
    }
}

Thank you, it's great to have you

Glad to be of help

This archived topic is closed to new replies.