Moving photo off the side of the screen on product page

shamrockweb · ‎11-08-2024

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

Webstablish · ‎11-08-2024

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%.

MenuQoL: Hide & Copy Menus | Tutorial
- Hide your seasonal menu items instead of throwing them away
- Copy navigation menus to save time

View solution in original post

Webstablish · ‎11-08-2024

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%.

MenuQoL: Hide & Copy Menus | Tutorial
- Hide your seasonal menu items instead of throwing them away
- Copy navigation menus to save time

Moving photo off the side of the screen on product page

Moving photo off the side of the screen on product page

Community Blog Articles