Flex Theme: Reduce white Gap in product Grid.

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.

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:

Thank you

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?

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

Thank you !

It work your solution!

1 Like

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