How to adjust image size for mobile on product and collection pages?

Please could someone point me in the right direction for adjusting the size of my images on collections and product pages? On desktop images are fine, however on mobile they render really small. How can I make them bigger on mobile? Any help would be amazing!

https://lilliebernie.com/collections/personalised-prints

https://lilliebernie.com/collections/personalised-prints/products/personalised-print?variant=39810632810548

Like this you mean :slightly_smiling_face:

Go to Online Store->Theme->Edit code->theme-styles.css->paste bellow code in bottom of file

.collection-template.collection-template-default, .product-template.product-template-default.product-template-2-blocks {
padding: 20px 20px !important;
}

1 Like

Amazing, thanks @MOISCHKOWITZ

Could you help me to my whole screen on my desktop is fine but on my phone its zoomed in

here’s my website thank you https://magicsponges-1.myshopify.com

Love to but I am sort of offline until Monday. If you have time till then I would love to take a look

Ok thank you

Sure - I see that you have a minor error there but I would have to take a closer look.

ok thank you

Do you need my shopify link or something?

hi I just wanted to know if you would look into this today thank you