Shop page product columns on tablet view

This topic has 2 replies, 2 voices, and was last updated 4 years, 1 months ago ago by Rose Tyler

  • Avatar: aryandco
    aryandco
    Participant
    May 4, 2021 at 12:24

    Hi, how can I change the product columns on shop page on tablet view?
    By default it´s set 2 columns but I need to change it to 4 columns. I´ve tried to change it in Theme options – Woocommerce – Product Catalog but it doesn´t change.

    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 5, 2021 at 07:01

    Hello,

    Theme Options > Theme custom CSS >Tablet:

    .products-grid .product {
        width: 25% !important;
    }
    .products-grid .product:nth-child(2n+1) {
        clear: unset !important;
    }
    .products-grid .product:nth-child(4n+1) {
        clear: both !important;
    }

    Regards

  • Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘shop page product columns on tablet view’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.