How to fix the product image seems not aligned when I go to category menu

Store Design

Topic summary

A user is experiencing misalignment issues with product images in their category menu, showing a screenshot where product boxes appear unevenly spaced with excessive gaps (highlighted in yellow).

Proposed Solution:
Another user suggests adding padding between product boxes through custom CSS:

  1. Navigate to Online Store → Edit Code
  2. Locate the theme.liquid file
  3. Add CSS styling before the closing </body> tag:
    • Target classes: .card--card, .card--standard, .card__inner
    • Apply width: auto !important;

This CSS modification aims to adjust the product card widths and resolve the alignment inconsistencies. The discussion remains open with no confirmation yet on whether the solution resolved the issue.

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

Solved!