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

  • Resolved juanpablomarquioni


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


Viewing 2 replies - 1 through 2 (of 2 total)
  • 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.


    Theme Author 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.