Hi, my main image on the product page (desktop) is quite large and I would like it to be around 55-60% of the section and the rest the product info, atc button, etc.
How can I do this?
Hi @dialup !
You can try the following steps:
1- In theme → Online Store → Action → Edit code →
2- Go to the Asstes → open component-product.css file
3-Find this code in your file
and replace with the one below:
.productView-image.fit-unset .productView-img-container img:not(.zoomImg) {
position: initial;
transform: inherit;
width: auto;
height: auto;
max-width: 100%;
margin-left: auto;
margin-right: auto;
left: auto;
top: auto;
display: inherit;
max-height: 500px;
}
Kindly accept the solution if this solves your problem. Thank you!