Product page mobile

Hi guys,

I want to make the image bigger on mobile as shown in the picture. Could anyone help me?

1 Like
  • Here is the solution for you @Nienke_pr
  • Please follow these steps:

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
@media only screen and (max-width: 600px) {
.product__modal-opener .product__media img {
     transform: scale(1.2) !important;
}
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.