Debut theme hero background mobile responsive

Highlighted
New Member
4 0 0

Hello, 

I'm having trouble making my hero background image responsive on debut theme. It works fine on my live site now, but somehow when I made a copy of the live one (I had to make a few changes to the product page) it stops being responsive. The image is cut out on the side. 

Can anyone please help me with this? Any guidance on coding/which codes I should look into will help. 

This is what it looks like on desktop (which is what I want on mobile as well, show the whole product) 

ChengRuiSi_0-1597729641039.png

And this is what it looks like on mobile:

ChengRuiSi_1-1597729683339.png

I would like to show the full product image both on desktop and mobile. Thank you! 

 

0 Likes
Highlighted
Shopify Partner
7 0 0

ChengRuisi,

Thank you for your post. You just need to add a css code to make it perfect. 

 

0 Likes