How to Fix - Background Image at the Top

Hi - I'm having a similar problem with my site, it is looking fine on mobile and desktop, but on tablet (mainly portrait) the fluid layout is really messing with the aspect ratio of the image.

I am using the fill setting as my image borders would not look effective with any padding in the fit option.

Is there anyway I can limit the lengthening/aspect ratio changes that are happening with viewport size changes? I need a sitewide fix rather than blocks if at all possible as it's for a template.

Below I have attached screenshots of an example (second photo is the issue), but the problem is happening throughout my site.

@tuanphan hi! I was wondering if you have an idea how I could workaround this?

Can you share link to page in screenshot?

@tuanphan sure - https://gleam-template.squarespace.com/ password: georgiadigital - the screenshot is at the bottom of the homepage (however same issue happens on portrait tablet dimensions in the other sections of the homepage also)

It looks like no sidewide way to fix this. Each images will need a code

19 hours ago, tuanphan said:

It looks like no sidewide way to fix this. Each images will need a code

@tuanphan Oh damn, I thought that might be the case - what code would the individual images need? 

On 3/30/2023 at 3:45 AM, GeorgiaDigital said:

@tuanphan Oh damn, I thought that might be the case - what code would the individual images need? 

Do you still need help?

Looks like yesterday a member contacted me with the same problem and they found a solution

9 hours ago, tuanphan said:

Do you still need help?

Looks like yesterday a member contacted me with the same problem and they found a solution

@tuanphan hi, yes please I still do! (Thanks so much for reaching back out!)

@tuanphan Hi - just wanted to follow up on whether you could please share the found solution for this?:)

Hi everyone,

I just made a page for my Non profit foundation. The page looks clean except for my logo at the top. Any idea how I can make it fit properly? Its huge and looks even more disproportional on Mobile? Can someone help or provide me an idea? 

I have attached the image below and linked to the squarespace website.

https://www.therobertandsethmemorialfoundation.org/

Thanks,

Walter 

Hi everyone,

I just made a page for my Non profit foundation. The page looks clean except for my logo at the top. Any idea how I can make it fit properly? Its huge and looks even more disproportional on Mobile? Can someone help or provide me an idea? 

I have attached the image below and linked to the squarespace website.

https://www.therobertandsethmemorialfoundation.org/

Thanks,

Walter