Category Layout

  • Resolved visualcreations

    (@visualcreations)


    5 years, 4 months ago

    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

    5 years, 4 months ago

    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;
}
}
    MayKato

    (@maykato)

    5 years, 3 months ago

    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.