Hi Team,
The below image in the Shopify store is not in the right fit in desktop and mobile. Please advise.
Thanks,
Venkatakrishnan
1 Like
store name: https://utsahas.store/
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
i just check the wesite on desktop and it best fit
- 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.
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;
}
}