mobile category display like amazon

Hi there,

try adding this CSS:

@media(max-width: 768px) {
    .archive.woocommerce ul.products {
        grid-gap: 5px;
    }

    .archive.woocommerce .entry-content ul.products li.product {
        border: 1px solid #ccc;
        padding: 10px 10px 10px 130px;
        margin-left: -20px !important;
        margin-right: -20px !important;
        position: relative;
    }

    .archive.woocommerce ul.products li.product .woocommerce-LoopProduct-link>* {
        text-align: left;
    }

    .archive.woocommerce ul.products li.product .woocommerce-LoopProduct-link .wc-product-image {
        position: absolute;
        top: 10px;
        left: 10px;
        max-width: 110px;
    }

    .archive.woocommerce .entry-content ul.products li.product .button {
        margin-left: unset;
    }
}

Note: it should only apply to the archives

You are great!

Awesome - glad to be of help!