How to fix image responsiveness issues in Debut theme?

Store Design
1

EDIT: DISREGARD PLEASE, I THINK I FIXED IT

Images not being responsive has been a consistent, big problem for us. Hero images end up squished on mobile and don’t always look great on desktop. I’ve looked through the forum and tried the CSS solutions others have posted, but still can’t get it working right.

There are actually two problems on this page I would appreciate help with:

https://www.wbseatery.com/pages/celebrate-even-in-march

First - the hero image has extra white space all around it. Other pages don’t have this white space.

Second - the image gets cropped on mobile, turns into a vertical image instead of horizontal. I just want the whole image to scale appropriately.

Thank you!

1 Like
2

hey @sparkery

i can do this..u can change this code..

.hero-intwomens-hero {
height: 75.03259452411996vw !important;
width: 100%;
max-height: 100%;
}

Thank you so much.