Help! - Editing Product Page Featured Photo Size on MOBILE DEVICES ONLY - Venture Theme?

GentMen
Excursionist
21 0 5

Hi!

Thanking you in advance for the help!

- Does anyone know how to edit the "photos__item--main" size on the Venture Theme?

- I believe after doing "inspect" that the above item is the item in question.

I have managed to use this code to increase the size of the image via PC device:  

 
#ProductPhoto {
margin: unset;
margin-bottom: 20px;
max-width: 100% !important;
}
 
But not sure how to edit the size of the picture to be 50% bigger on mobile devices/devices with a smaller screen.
 
Thank you!
0 Likes
Pallavi
Shopify Expert
1118 146 178

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
GentMen
Excursionist
21 0 5

Thank you for your reply.

I have informed the link via private messages.

 

 

0 Likes
Pallavi
Shopify Expert
1118 146 178

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 575px){
#ProductPhoto img {
min-width: 122%;
position: relative;
left: -11%;
}
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
GentMen
Excursionist
21 0 5

Thank you!

Works, but creates another problem ( The photo container now is too small it seems - How to edit it for all products universally so that the photo fits in ) ?

0 Likes
GentMen
Excursionist
21 0 5

Looking forward to your reply!

 

0 Likes