Image being cut off on homepage of refresh theme in mobile view - how to fix?

[randyerspamer]

Hi all, 

My shopify store at my.unilabhealth.com is not scaling correctly in mobile view. On desktop it looks fine, but one of the images is being cut off on the homepage. Anyone have any ideas on how I can fix it? Thanks!

[BSS-TekLabs · Accepted solution]

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

- Then find the theme.liqid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
@media screen and (max-width: 749px) {
    .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__media-item:after, .image-with-text.collapse-corners:not(.image-with-text--overlap) .grid__item .image-with-text__media, .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__media img, .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__media .placeholder-svg {
        object-fit: contain !important;
    }
}
</style>

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

[randyerspamer]

Thank you! That worked

[BSS-TekLabs]

Glad to help you. Have a good day.