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?


KellyHeard

Question

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

Hi, 

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, 

Kelly

 

Link to comment
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

2 answers to this question

Recommended Posts

  • 0

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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

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