Moving photo off the side of the screen on product page

Topic summary

Goal: add right-side whitespace to the product image on the Gift Card product so it aligns with other product pages.

Diagnosis: When the product gallery contains only one media item, the theme sets the gallery width to 100%, which removes the right margin. Pages with multiple images don’t exhibit this because their layout reserves space differently.

Proposed fix: override the relevant CSS (Cascading Style Sheets) rule for the single-item product gallery and change width from 100% to 95% to restore right-side spacing. Add this as a custom CSS override so it targets the single-media layout.

Status: solution suggested; no confirmation of implementation or resolution yet.

Notes: a screenshot highlighting the exact CSS selector/rule was provided and is central to identifying what to override. Links to the affected Gift Card page and a reference product page were provided for comparison.

Summarized with AI on December 15. AI used: gpt-5.

Hi there. I am hoping to move the product photo on this page (https://mimihalinew.myshopify.com/products/mimihali-gift-card). I’d like to add some white space on the right hand side of the photo so it matches the other product pages (https://mimihalinew.myshopify.com/products/benny-bear).

PW: mimihali2024

Hi @shamrockweb , it seems that when there is only 1 item in the product gallery, the width gets set to 100% (causing the margin on the right to disappear). Overriding the following CSS rule should do the trick:

Set width to 95%.

1 Like