Jump to content

Banner Images too tightly cropped - desktop

Recommended Posts

Site URL: http://www.donnatetreault.com/

I'm having trouble with banner images being severely cropped. They show up as a narrow sliver.

This is on desktop as well as other devices. Template is: Alex.

I have created one page, years ago, that somehow worked but I am unable to replicate that. All banner images I'm using are the same dimensions.

Thank you for your help!


above, the problem ^

below, how it should look...


Link to comment
1 hour ago, 6ingi said:

I removed the worst offenders since the client was unhappy.

Could you set those pages up in the Not Linked area and give us the URLs for those pages so that we can compare the good page to bad ones?

It's hard to give advice if we can't compare the two versions.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
16 hours ago, 6ingi said:

@tuanphan Thank you for any help you can offer. Or point me in a direction of an answer? This is the link to my test page. I had to remove the problem header from the live site for the client. Are you able to see the page with this link? 


Add to Home > Design > Custom CSS

@media screen and (min-width:641px) {
div#banner-wrapper {
    min-height: 500px;


Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.