How to resolve product card display issue on my website?

Shopify Discussion

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.
4

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:

Moeed_0-1697054781378.png
Moeed_0-1697054781378.png374×666 153 KB

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

Best Regards,
Moeed

1 Like