[Resolved] not Responsive WooCommerce Product Blocks for Mobile

Home Forums Support [Resolved] not Responsive WooCommerce Product Blocks for Mobile

Home Forums Support not Responsive WooCommerce Product Blocks for Mobile

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #2326781
    林鴻木

    Hope mobile version, the product column shows 2 products

    https://local-safe.com.tw/589-2/

    #2326807
    Fernando
    Customer Support

    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?

    #2326889
    林鴻木

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

    #2326893
    林鴻木

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

    #2327063
    David
    Staff
    Customer Support

    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;
        }
    }
    #2328082
    林鴻木

    Thank you, it’s great to have you

    #2328150
    David
    Staff
    Customer Support

    Glad to be of help

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.