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
  • Replies 15
  • Views 664
  • Created
  • Last Reply
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 the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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;


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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment


This topic is now archived and is closed to further replies.

  • 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.