Image not fitting in mobile version

Solved

Image not fitting in mobile version

Venkatakrishnan
Tourist
7 0 2

Hi Team,

 

The image in mobile version is cut in half. Please help to fix this.

 

Website: https://utsahas.store/

 

Venkatakrishnan_0-1720532101709.jpeg

 

Accepted Solution (1)

BSS-TekLabs
Shopify Expert
449 143 156

This is an accepted solution.

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

step.png

- 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:

BSSTekLabs_0-1720532305800.png

 

 

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

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Reply 1 (1)

BSS-TekLabs
Shopify Expert
449 143 156

This is an accepted solution.

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

step.png

- 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:

BSSTekLabs_0-1720532305800.png

 

 

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

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency