How to stop Banner image cropping on mobile view

Site URL: https://www.archiesofcheltenham.co.uk

I've tried a few different coding options but can't get the banner on our home screen to show landscape on mobile view, instead it crops it to portrait.

Thanks

11 hours ago, meganowilliams said:

Site URL: https://www.archiesofcheltenham.co.uk

I've tried a few different coding options but can't get the banner on our home screen to show landscape on mobile view, instead it crops it to portrait.

 

Thanks

Add to Design > Custom CSS

/* mobile resize banner */
@media screen and (max-width:767px) {
[data-section-id="60f58457bb7e64222d1277a7"] {
    min-height: unset !important;
}
}

Thank you!

On 7/20/2021 at 11:05 PM, meganowilliams said:

Thank you!

Do you need to help with these?

Site URL – https://www.archiesofcheltenham.co.uk/

1. (Mobile – Footer) Text Our Cafe is Closed is cut into 2 lines.

https://www.archiesofcheltenham.co.uk/

2. (Tablet – Homepage) On desktop, the entire image can be seen. On tablet, the image is partially cropped.

https://www.archiesofcheltenham.co.uk/

3. (Tablet – Raw feeding) Text is cut into 2 lines.

https://www.archiesofcheltenham.co.uk/raw-feeding

4. (Tablet – Raw feeding) Similar above.

https://www.archiesofcheltenham.co.uk/raw-feeding