Adjusting desktop collection image to fit mobile screen automatically.

Highlighted
Tourist
5 0 4

I am using the DEBUT theme. I am trying to get the desktop default collection photo to fit/display correctly automatically on the mobile version of my site. I have tried other solutions for this problem, but cant get them to work.

The link to the page is https://nostalgia.ltd/collections/vintage-rap-t-shirt

Any help is SO much appreciated.

Best.

Highlighted
Shopify Partner
9381 1185 3284

Hello, @nostalgiaLTD 

Thanks 

can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.collection-hero__image {
    height: auto;
    background-size: contain;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes