How to edit Column gap on Collection page?

119 1 24

Hi guys,

I would like to increase the column gap on Collection page WITHOUT affecting gaps on Home page other any other page.

Please check my url:

Thank you!


Screenshot (1).png



Replies 2 (2)

Shopify Partner
1178 308 227

Hey @MiuMiu237,


Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag type the following. Screenshot attached for reference.



@media screen and (min-width:750px){
    column-gap: 5rem!important; 

Screenshot is for reference only, the correct code to paste is the one shown above.




Was I helpful?

Buy me a coffee


Need help with your store? or check out the website
119 1 24

It would also change the Column gap in my Home page(((