Reduce the product image size for mobile view only

Technical Q&A
,
1

I like the desktop view (two-column structure) but I want to reduce the image size for mobile view only to make my product detailed information like the title, style, “Add to cart” button visible at the first sight when customers get into the product page. I was trying to edit code but I found that this section has lots of css involved as it is box-to-box-to box structure. Hence, I am looking for an easy way to adjust the image size and make the product information upward and visible.

12345p_0-1705474056392.png
12345p_0-1705474056392.png1500×580 229 KB

(desktop view)

12345p_1-1705474132350.png
12345p_1-1705474132350.png451×792 200 KB

(too big image)
12345p_2-1705474171458.png
12345p_2-1705474171458.png438×687 85.9 KB

(product info)

2

@12345p can you please share store link

3
4

@12345p can you please choose these options:

ProtoMan44_0-1705494913538.png
ProtoMan44_0-1705494913538.png1600×757 126 KB

5

We clicked customize button and did not see those options at all you highlighted. Could you please tell me how to set them up?

6

@12345p are you using a sense theme?

if yes, so this SS of the setting of sense theme.

7

Thank you for your reply!

8

@12345p is it worked?