I have tried added padding, margin but nothing works. Anyone can help me fix this? [Screenshot 2023-11-20 at 12.21.00 PM.jpg]

Hi @xoi28 Would you mind to share your Store URL website? with password if its unpublish. Thanks!

Hi @XOI You can use below code to increase the space. .grid { column-gap: 24px; } .grid-solution { max-width: calc(50% - 12px); } But this is not good solution. There will be an option for space in the theme settings page. Thanks

the increasing column gap seems to distort the organization in some window width. And the issue seems to persist with the last row of collection list… But I do appreciate your support!

Did you use both code for increasing column gaps? column-gap size must be twice by max-width size like below code .grid { column-gap: 36px; } .grid-solution { max-width: calc(50% - 18px); }

Yes just changed according to what you said. Each column now only has 2 products instead of 3 and part of the button still disappears…

Or you can use below code --grid-desktop-horizontal-spacing: 16px!important; --grid-mobile-horizontal-spacing: 8px!important;

The error appears saying that --grid-desktio-horizontal-spacing seems to be not used in this section. I tried adding the code to the custom css section.

.grid { --grid-desktop-horizontal-spacing: 16px; --grid-mobile-horizontal-spacing: 8px; } Could you try with this code please?

Or you can customize the space here [wattsmork_0-1700503748194.png]

Part of "Add to Card" button disappears (Dawn Theme)

Store Design

xoi28 November 20, 2023, 5:28pm 3

It is in https://sommerholic.com/

Password: xoi28

The issue seems to appears depends on device…

Thank you

Topic		Replies	Views
Change spacing between columns Store Feedback design	8	93	December 10, 2025
Collumn gap gets pushed to the edge of the screen after setting it to 0. (Damn Theme) Store Design design , css , troubleshooting	7	73	May 21, 2024
Add to card button , the row too close how can I make a space Store Design	17	82	November 14, 2021
Remove padding from product collection and make images bigger desktop Store Design design , collection-page , css	10	112	February 11, 2025
Add spacing between buttons and position them the way I want on Dawn/Origin theme Store Design design , customizations , css , shopify-themes	10	146	June 14, 2023

Part of "Add to Card" button disappears (Dawn Theme)

Related topics