(Debut Theme) How to set collection list per row to display more than 6 grids on the same row?

[ssrr]

Hello,

I am currently using the Debut Theme, but I’m struggling in setting a collection list per row to display more than 6 grids on the same row. I’m not familiar with coding, does anyone have any ideas or which part of the coding I should adjust? Would greatly appreciate it, thank you.

I tried to follow one of the solutions online which says changing the row max number from “5” to any desired number in “collection-list.liquid” will do but it only changes the control number shown on the editor but it does not reflect on the actual layout/coding.

[peppergray]

Hi there,

Are you sure that six items will fit along one row on the screen space that you have? What happens if you increase and decrease the browser window size?

[AnneLuo]

Hi, @ssrr

Can you share the store URL so that I can assist you?

[Dan-From-Ryviu]

Hi @ssrr

Could you share your store URL so I can check?

[steve_michael2]

Hi @ssrr , I hope you are doing well, can you kindly share your store URL. Thanks!

[ssrr]

here’s my shop link: https://www.seoulrecipe.com
thank you.

[ssrr]

Hi, here’s my shop url: https://www.seoulrecipe.com

thank you

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag

Result:

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!