Image size is not different in Desktop and Mobile

[Venkatakrishnan]

Hi Team,

The below image in the Shopify store is not in the right fit in desktop and mobile. Please advise.

Thanks,

Venkatakrishnan

[Venkatakrishnan]

store name: https://utsahas.store/

[ecom_smartify]

i just check the wesite on desktop and it best fit

[ecom_smartify]

it might be that the image size is to big, and somtimes the selected themes may not be in the best fit for the image 

if this happen, try to resize the image using photoshop or GIMP 

you can also customise your theme if it has specific code requirement

[BSS-TekLabs]

- Here is the solution for you @Venkatakrishnan 
- Please follow these steps:

 

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

@media screen and (max-width: 749px) {
    .banner__media {
        height: 17rem !important;
    }
.banner__media img {
 object-fit: contain !important;
}
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Dan-From-Ryviu]

Please add this code to Custom CSS of that section 

@media (max-width: 749px) {
.banner__media {
    background: #fff;
    height: 18rem important;
}
.banner__media img {
    object-fit: contain !important;
}
}