How to change per row product and category

Mystery Themes Support Themes Free Themes Shopay How to change per row product and category

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #15379
    Muhammad Suleman
    Participant

    Hi
    in default view are three products and category in a row on archive page in desktop mode but i want to change it to four products and category in a row
    plz tell me custom css code for it
    thank you.

    #15393
    Mystery Themes
    Keymaster

    Hello there

    You can use the following code in additional CSS box:

    @media screen and (min-width: 1300) {
    .woocommerce .products ul, .woocommerce ul.products {
    	width: auto;
    	margin-left: -3%;
    }
    .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    	width: 22%;
    	margin-left: 3%;
    	margin-right: 0;
    }
    ul.products li.product.first {
    	clear: none;
    }
    }

    For more column option that feature as available in pro version of shopay.

    Thanks 🙂

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