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

[lillieb]

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=3981063...

[MOISCHKOWITZ · Accepted solution]

Like this you mean 🙂

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;
}

[lillieb]

Amazing, thanks @MOISCHKOWITZ 

[magic1]

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

[futuremark]

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

[magic1]

Ok thank you 

[magic1]

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

[MOISCHKOWITZ]

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

[magic1]

ok thank you 

[magic1]

Do you need my shopify link or something?