Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How do I keep the full banner image in mobile view?

Go to solution Solved by KellyHeard,


Site URL: https://conch-buttercup-ghb2.squarespace.com/config/


I have added an image to the top banner on the desktop view but in mobile view when it resizes to fit the screen it shows just a section of the image. Is there a way I can get the banner to resize but keep the full image?

I looked at the square space guides and they say to resize my images to betwrrn 1500 and 2500 pixels wide but this is not working. Looks great on the other image placements but not in the banner.

Many thanks, 



Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

2 answers to this question

Recommended Posts

  • 0
On 9/25/2020 at 3:50 AM, tuanphan said:

Add to Home > Design > Custom CSS

/* resize home mobile banner */
@media screen and (max-width:767px) {
.homepage #page section:first-child {
    min-height: unset;
    height: 60vh;


Amazing. This worked. Thank you :-)

Link to post

Create an account or sign in to comment

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

  • Create New...