Keeping mobile banner the same size

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

Hi!

is there custom code that we can use so that our banner images on the top of each page don't resize when going into mobile?

Thank you!

Hi! Yes! Although ideally a little more space at the top for the logo?

Thank you so muhc

Will this code keep the same size of all banners for each page when coverting mobile view?

We will be changing all banner images so that the text is already in the image. We want the logo on the mobile view to stay at the top centre of the image and not be placed over the image so you can't see it.

I've attached an example of a banner we are going to upload.

Thanks so much!

The code worked for the homepage - can you help me with all the other pages.

If we could keep the image height too / so that the logo doesn't overlap with the image?

Thank you so much!

Yes this is better - but now there is a little bit too much space - so sorry!

Ideally the Soul Fruit Logo would be in the top third of the image - for all of the banners / pages . Is this possible?

Thank you so so much!