Make Product Images Full Width On Mobile - Refresh

Topic summary

Goal: remove margins around product images on mobile so they display full width in the Shopify “Refresh” theme.

Recent updates: The site URL was shared (www.veepli.com) and confirmed as published. After reviewing the live site, the helper indicated they need Shopify store access to proceed.

Technical context: This likely involves CSS changes to the product image container (e.g., margins/padding) or theme section settings affecting mobile layout. Targeted CSS selectors in the product template may need adjustments to achieve edge-to-edge images on small screens.

Attachments: A screenshot of the mobile product page is provided and is central to understanding the visual issue (visible side margins around the image).

Outcomes and next steps: No code or step-by-step fix was provided. The current action item is granting store access for deeper investigation.

Status: Unresolved and ongoing. Key open question: which specific CSS or theme settings in “Refresh” should be modified to make product images full width on mobile.

Summarized with AI on January 2. AI used: gpt-5.

Thanks for your reply. It’s www.veepli.com. It’s published.