Show products on mobile one by one rather than grid

[livinglight108]

This code used to work however it no longer works. I want our mobile site to display products on our Baskets (collection) page one by one rather than in a grid format.

@media (max-width : 740px){
.featured__collection-template--20191361958231__940f8cea-d1b2-419d-a11b-9691a6980e7d .product-loop {
grid-template-columns: 1fr !important;
}

https://bloomstockholm.com/

[niraj_patel · Accepted solution]

hello @Livinglight

You can add code by following these steps:

1. Go to Online Store -> Theme -> Edit code.
2. Open your stylesheet.css file

3. Paste the below code