How to connect the gaps between my product cards borders on mobile

IntechCarl · ‎02-26-2025

Hi everyone!,

I wanted to connect the borderlines I made in my mobile view. See photo for reference:

Store Preview Link: https://kan7abddby8ipngr-13830324282.shopifypreview.com

B2Bridge · ‎02-26-2025

Hi @IntechCarl
I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code
2/ Search for "theme.liquid" file
3/ Open the file and search for </head> tag and add the following code above </head> tag
Here is the code for Step 3:

{% style %}
@media screen and (max-width: 750px){

collection ul.grid.product-grid {
 gap:0 !important;
}
}
{% endstyle %}

If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you 😍

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

View solution in original post

B2Bridge · ‎02-26-2025

Hi @IntechCarl
I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code
2/ Search for "theme.liquid" file
3/ Open the file and search for </head> tag and add the following code above </head> tag
Here is the code for Step 3:

{% style %}
@media screen and (max-width: 750px){

collection ul.grid.product-grid {
 gap:0 !important;
}
}
{% endstyle %}

If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you 😍

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

LizHoang · ‎02-26-2025

Hi @IntechCarl i see it look good. Please double check on this

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program

How to connect the gaps between my product cards borders on mobile

How to connect the gaps between my product cards borders on mobile

Community Blog Articles