Make product image smaller on mobile product page

Store Design
45

@yaseeng8

oh sorry your all content too much longer but can you try this code add to cart button to show the first screen

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media screen and (max-width: 640px) {
.product-form__payment-container {
    position: fixed;
    bottom: 0;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    z-index: 99999999999;
    background: #fff;
    left: 0;
    align-items: end;
    padding: 10px;
}
.product-form__payment-container .shopify-payment-button {
    margin-top: 0;
    margin-left: 10px;
}
}