Image view full width on mobile version

Shopify Discussion

Topic summary

A Shopify store owner seeks help making product images display at full width on mobile devices, currently showing unwanted left and right padding.

Solutions Proposed:

  1. DaisyVo provided CSS code targeting the product media list with max-width: 768px, removing gaps and left margins through the Theme Settings > Custom CSS section.

  2. kazi_1 suggested alternative CSS code for base.css targeting .product-media-container with max-width: 749px to set width to 100%.

Current Status:

  • The original poster shared their store URL for troubleshooting
  • Clarified they want minimal padding similar to a reference image shown
  • Reported that kazi_1’s CSS solution did not resolve the issue

The discussion remains open with no working solution confirmed yet.

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

Thanks for replying Kazi, that didn’t work for me