Narrative - Change product image section width so it is smaller on the page

Store Design
1

Hi there! I am currently running Narrative on my website, and I would like to make the size of the images at the bottom of the page smaller (i.e. I want to make the images not take up the whole width of the page and downsize them), since they currently take up a massive portion of the product page, and it looks… wrong.

AlexMoutrie_0-1661964519164.png
AlexMoutrie_0-1661964519164.png2560×1273 269 KB

Any help would be appreciated!

Example Product where this is an issue

https://exsimuk.myshopify.com/products/exsim-vr5
Password: berry

Thanks!

1 Like
2

@AlexMoutrie

Please Add the following CSS code to your assets/theme.scss.liquid bottom of the file.

@media only screen and (min-width: 990px){
.product__media-container { margin-top: 0px !important; max-width: 100% !important;}
}

Thanks!