Hello. I have a couple of products that display way too big on their product page using the Minion theme. I have attached a picture of what it looks like and the size of it zoomed out in the browser. If I am able to edit the code to make the image not longer than the description section, that would work great. Thanks for any help!
URL: https://woodburnpress.myshopify.com/products/1414-elementary-parent-32-pocket-rack-card-display-package
PW: woodburn1996
@joshwp
Hello,
Please add below code above in theme.liquid
modal-opener.product__modal-opener {
max-width: 620px!important;
margin: auto!important;
}
.product__media{
padding-top: 120%!important;
}
.product__media img{
width: 100%!important;
object-fit: contain!important;
}
after added look like this -
Image link - https://www.awesomescreenshot.com/image/39671359?key=f7e538ab22ad26ce82f94ad040f4a45b
We hope this solution useful for you. if our solution helpful for you then please like the post and tap on accepted solution.
if you discuss any further info related with shopify then you can contact us.
And follow our linkedin page for more services and solutions of E-commerce.
Thankyou
1 Like
Thank you so much! This worked perfectly and was easy to follow. I appreciate it!
1 Like
@joshwp
Our pleasure friend.
If our solution is helpful for you then Please give us the review with screenshot on our linked in page and you can also follow this page for shopify updates and solutions.
your grace will help us.
if discuss any further information related with shopify then you can contact us. We are always here for your help.
Thankyou for reaching us 