How to set picture to full page size

Topic summary

A user is experiencing unwanted white margins around product images on their Shopify store’s product pages. They’ve attempted to fix this by modifying CSS variables in theme.liquid (setting --page-width: 100% and --page-width-margin: 0), but the solution only works at specific viewport widths.

Current Issue:

  • White stripes appear around product images on both desktop and mobile views
  • The desired full-width display only appears at certain screen sizes

Attachments: Screenshots show the problematic layout versus the desired full-page image display

Status: A community helper has requested access to review the store. The original poster shared a preview URL for their not-yet-launched store. The discussion remains open, awaiting technical assistance to resolve the responsive image sizing issue.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

Hi I have problem with image sizing on product page, I don’t want to have this white stripes around the photos.

I’ve set the page-width and margin in theme.liquid like that:

–page-width: 100%;
–page-width-margin: 0;

But I think it only works on the specific page size.

This is how page looks like (and i want to repair it):

and I want to have this look (I have it only on specific width): without white stripes

I really appreciate all the help, thanks!

My page preview: https://a40o00ln2i8u76pt-87623663949.shopifypreview.com

The product with this category view is:

BLACK [MOON] HOODIE pięc

Hi @Noissy ,

Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?

I can share preview: https://a40o00ln2i8u76pt-87623663949.shopifypreview.com

My store is not running yet