How to resolve product card display issue on my website?

Topic summary

A user encountered a layout issue where product cards were overlapping, with items like headphones and an eye massager visually cutting into the cards positioned above them.

Resolution provided:

  • Access Online Store → Edit Code
  • Locate the theme.liquid file
  • Insert specific CSS code above the </body> tag

Outcome:
The solution successfully fixed the overlapping display problem. The issue appears related to CSS styling conflicts in the Shopify theme that were corrected through custom code injection.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.

Some of my products cards are cutting into the product card above theme.

Below you can see the headphone mask cut into the above product card.

The second image shows the same with the eye massager cutting into the product card above it as well.

Anyone know how to fix this issue.

Hey @Ecomowner

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

xpressavenue.com

Hey @Ecomowner

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

It worked thank you