How to fix a photo cut off issue on mobile view?

Store Design
1

Morning everyone, I’m having an issue with a photo showing up, cut off on the mobile version. In any other scenario I’d just find another pic, but I need to use this one.
I’ve tried adjusting the sizes of the photo, in the section, and tried messing with the code but nothing I do works. Any ideas?

Thanks for your time

lisahiggins_0-1666101115565.png
lisahiggins_0-1666101115565.png650×693 126 KB

https://www.westmichiganballoons.com/pages/about

2

Hi @lisahiggins .

This is PageFly - Advanced Page Builder.

You can go to Online store => themes => actions => edit code and add this code on file base.css

.image-with-text__media.image-with-text__media--small.gradient.color-background-1.global-media-settings.media {
height: 500px;
}

Hope this answer helps.

Best Regards,

PageFly

3

That didn’t work for me, unfortunately, is there a specific spot in the base file I need to put it? I didn’t notice any change with the code. Thanks for your time.

4

you can try this code

@media screen and (max-width: 767px){
.image-with-text__media.image-with-text__media--small.gradient.color-background-1.global-media-settings.media {
height: 500px !important;
}
}