"This is on the front page, I added two GPS Collection & Banner widgets because I wanted three collections per row and was unable to achieve that with just one."
1. The collection responsive has 12 columns. So you want to show three per row -> divide 12 columns to 3 = 4 and choose the width of items is 4.
2. The padding and margin:
Ex:149px(top) 0(right) 0(bottom) 202px(left)
Ex: 149px(top+bottom) 120px(right + left)
Be careful. Because in some settings, I see you write like this: 102(space)px. It won't work because this structure is wrong, there is no space in this. You should edit like this 120px.
I tried to update the theme and get this error, what do i need to fix this?
This file contains the following errors:I fixed this issue, I noticed that the mobile columns were all set at 12 so I went through and reduced them.
Hi Wendy,
This problem is section Avatar updated.
Please update section Avatar in Patch 1.0.3.
Best regards,
Shopify Team
Hi Wendy,
About your issue in ticket #2723780.
Some of the issues:
"This is on the front page, I added two GPS Collection & Banner widgets because I wanted three collections per row and was unable to achieve that with just one."
1. The collection responsive has 12 columns. So you want to show three per row -> divide 12 columns to 3 = 4 and choose the width of items is 4.
2. The padding and margin:
Ex:149px(top) 0(right) 0(bottom) 202px(left)
Ex: 149px(top+bottom) 120px(right + left)
Be careful. Because in some settings, I see you write like this: 102(space)px. It won't work because this structure is wrong, there is no space in this. You should edit like this 120px.
Best regards,
Shopify Team