How can I resize my product page image for desktop view?

[jackcrispy]

Hi, Here is my site, better yet product page: https://posture.best/products/posture-correction-brace. The size is fine and great on mobile, however when sized up to desktop or bigger it takes up the whole screen and is way to big! Can anyone suggest code or breakpoints. Thanks.

[diego_ezfy]

@jackcrispy , do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

@media (min-width: 749px){
	.product__photo{
    max-width: 400px;
    margin: 0 auto;
    display: block;
    text-align: center;
    float: unset !important;
}
}

You can change the value 400px in the code above to any size to make the image larger or smaller.
Say you want the image larger, you can use 800px, for example.

Please let me know whether it works.

Kind regards,
Diego

[jackcrispy]

Hello, thank you for the reply, now the image is in weird position to the checkout area;