Product Images Bugged on Phone

Topic summary

A user reports product images appearing cropped or misaligned on mobile devices, affecting only some products rather than the entire catalog.

Proposed Solution:
A support team member provided CSS code to fix the mobile display issue:

  • Navigate to Shopify admin > Online store > Customize > Theme settings > Custom CSS
  • Add media query code that adjusts image wrapper width to 90vw for screens under 768px

Current Status:
The fix has been shared but not yet confirmed as working. The user initially wanted to share their site URL privately but hasn’t responded to the solution yet.

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

Issue only seems to exist for some

products not all