Flex Theme: Reduce white Gap in product Grid.

Shopify Discussion

Topic summary

Main issue: Reduce the white gap between products in the Flex theme’s mobile product grid using code only. An image illustrating the spacing problem was provided.

Key actions:

  • A helper first requested the store URL and password for support.
  • A solution was shared with instructions to edit the theme code: Shopify Admin → Online Store → Theme → Edit code → open theme.liquid → insert a provided code snippet just before the closing tag.

Outcome:

  • The original poster confirmed the code change worked and thanked the helper.

Notes:

  • The exact code snippet content is not visible in the conversation excerpt, but its placement (above in theme.liquid) is specified.

Status: Resolved. No remaining questions or disagreements.

Summarized with AI on December 24. AI used: gpt-5.
1

Hi

I want to remove the white gap between the products in mobile version, to stay more close to each other. but only with code. can someone help me?

Example:

Situation 1.png
Situation 1.png532×804 161 KB

Thank you

2

Hi @TiagoDias ,

Could you kindly provide us with your store URL and, if applicable, the password, so that our team can offer you the necessary support?

3

Hi @TiagoDias ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
4

Thank you !

It work your solution!

1 Like
5

@TiagoDias No problem. Have a good day :heart_eyes: