Change store product layout on phone to mini squares (ie. 2 per line)

Site URL: https://www.exceedfootwear.com

Hi I am looking to change the view from 1 product per line on the iPhone to 2 per line (making the images smaller). How can I do this ASAP.

Any help would be greatly appreciated 

On 5/27/2021 at 6:43 PM, terrymcdonaldd said:

Site URL: https://www.exceedfootwear.com

Hi I am looking to change the view from 1 product per line on the iPhone to 2 per line (making the images smaller). How can I do this ASAP.

 

Any help would be greatly appreciated 

Hi. Add to Design > Custom CSS

/* Mobile products */
@media only screen and (max-width:700px) {
div#productList {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 10px;
}
}