Reply 317607 to: issue with 3 Column grids on mobile view?

Avatar: Rose Tyler
Rose Tyler
Support staff
February 18, 2022 at 07:13

Hello,

Try to add the next custom CSS code in Theme Options > Theme custom CSS > Global:

@media (max-width: 768px) {
    .col-sm-6.product {
        width: 33.33333333% !important;
    }
    body .row-count-3 .product:nth-child(2n+1) {
        clear:none !important;
    }
}
@media only screen and (max-width: 320px) {
    .products-grid .product {
        width: 33.33333333% !important;
    }
}

Regards

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.