Wrong Mobile Image Size

Solved
Priteshv
New Member
1 0 2

Hi,

Please can anyone help me out. My website on the mobile all the images are cropped out and the sizing is not correct. It looks perfect on website however on mobile it doesn't? 

Please see below website and pass:

https://recover-rapid.myshopify.com/

Pass: bausko

Regards Pritesh

 

dmwwebartisan
Shopify Partner
7334 1734 2313

@Priteshv 

Please add the following code at the bottom of your assets/theme.css file. 

@media only screen and (max-width:749px){
.hero--medium {height: 232px !important;}
.hero--large {height: 225px !important;}
.hero {background-size: contain !important;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Pallavi
Shopify Expert
2209 360 472

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

@media screen and (max-width: 749px){
div#shopify-section-hero-1 .hero--large {
height: 48vw;
}

div#shopify-section-1623326316e9f9844c .hero--medium {
height: 48vw;
}
}
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