How to have 2 columns for product list on mobile?

Technical Q&A
, ,
5

It affected pages other than product pages, I’m sorry. Now let’s keep the previous number 97.91666667, as if we haven’t fixed anything. This helps to preserve the original grid structure of all pages.

The below css will only affect the product page

In the stylesheet.css file, find the below css:

@media screen and (max-width: 739px) {
    // css snippet to add
}

Add this css inside

.gridlock #product-loop .product-index {
     width: 47.91666667% !imporant;
}

Hope this helps you.