2 Column Mobile View

Site URL: https://falcon-sailfish-4czh.squarespace.com/

Site URl : https://falcon-sailfish-4czh.squarespace.com/

Password: perfectpup

Hi Everyone! I am looking to change the mobile view of the shop area of the website from one column to two on mobile. It is currently image blocks with text and all are listed as products.  Any feedback would be greatly appreciated!

Add to Design > Custom CSS

@media screen and (max-width: 767px) {
    .products.collection-content-wrapper .list-grid {
        display:grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-column-gap: 10px
    }
}

and do you want to improve these?

Site URL – https://falcon-sailfish-4czh.squarespace.com/

1. (Mobile-Footer) Reduce space between Cotact – Our Story?

2. (Mobile-Footer) Move “Made with..” text to under Footer links?

3. (Tablet-Shop) Change to 2 items/row?

4. (Mobile-Shop) Make category links to 2 lines?