4 Columns Each Row in Collection list (Mobile Version Envy Theme)

Store Design
1

hi, i need to set the collection list from ‘1 column per row’ to ‘4 columns per row’ just in mobile version.

anyone can help me?

Chang25_0-1661967666224.png
Chang25_0-1661967666224.png493×917 22.2 KB

2

@JK25

Please share your store URL!

Thanks!

3

onlylens.co

1 Like
4

@JK25

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-collection-list.min ->paste below code at the bottom of the file.
.collection-grid .row {
    flex-wrap: nowrap;
    overflow: scroll;
}
1 Like
5

okay thanks.

1 Like
6

Is it possible to add more 2 collections inside the collection list become 8 collections, currently the maximum collection in the collection list is 8. And let the mobile version collection list become 4 collection per row. become 4x4.

1 Like
7

@JK25

its my pleasure to help us

1 Like
8

@JK25

yes, please add more collection in theme customization collection list section

1 Like