Support » Theme: Sinatra » 2 Products columns view on mobile

  • Resolved juanpablomarquioni

    (@juanpablomarquioni)


    Hi, I want to know if its possible to have a 2 products column view on mobile.
    or just make them smaller.

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • brankoconjic

    (@brankoconjic)

    Hi @juanpablomarquioni,

    You can do that with this CSS:

    @media only screen and (max-width: 768px) {
        .woocommerce ul.products[class*=columns-] li.product, 
        .woocommerce-page ul.products[class*=columns-] li.product {
            width: 48%;
            float: left;
            clear: both;
        }
    }

    Add the code to Additional CSS in the Customizer.

    Let me know if that worked.

    Thanks!

    Theme Author sinatrateam

    (@sinatrateam)

    Resolving this issue.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘2 Products columns view on mobile’ is closed to new replies.