• Resolved visualcreations

    (@visualcreations)


    When on mobile the category layout is defaulted to a single row layout, how can this be changed to a 2 row layout?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Nicola Mustone

    (@nicolamustone)

    Automattic Happiness Engineer

    Hello,
    I’d recommend against it because it might become too small for some people, but you can try using this CSS code in Appearance > Customize > Additional CSS:

    @media screen and (max-widt: 768px) {
    .latest-products-wrapper .latest-product-grid .product {
        width: 50%;
        min-height: 300px;
    }
    
    .latest-products-wrapper .latest-product-grid li:nth-child(2n+1) {
     clear: none !important;
    }
    
    .latest-products-wrapper .latest-product-grid li:nth-child(3n+1) {
     clear: none !important;
    }
    }

    Hi @visualcreations

    We’ve not heard back from you in a while, so I’m marking this thread as resolved. If you have further questions, please feel free to open a new topic.

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

The topic ‘Category Layout’ is closed to new replies.