Jump to content

Resize Gallery Banner for Mobile

Recommended Posts

Site URL: https://www.livingstreamwellnessandcolonics.com/

Hello,

I'm not a web designer but am somewhat familiar with CSS Code w/SqSpace.  I've tried multiple code to adjust down the size of the home page gallery banner (at very top of page) b/c it's cropping off the sides of the logo under Mobile view (see screenshot below).  I think the image at top is being fed by an image in the Gallery (?promoted gallery banner?) but not exactly sure.  I need the image (and nothing else on the page) to shrink slightly so the logo edges aren't cut off.  Can you help?   

177072627_ScreenShot2021-02-23at8_57_36AM.thumb.png.72db7a353f8c121638a0ffe791f3f9d8.png

Link to comment
  • Replies 3
  • Views 310
  • Created
  • Last Reply
On 3/1/2021 at 12:08 AM, eMDe said:

No, it's not fixed.  The image I originally posted (with the sides cropped off) is still how it displays in Mobile view.  We want Mobile view to look more like this image:

1641835443_ScreenShot2021-02-28at12_06_59PM.thumb.png.86b5ab0c2009bef4f0caa6c1d8acc768.png

Add to Design > Custom CSS

/* resize home mobile banner */
@media screen and (max-width:640px) {
body.homepage div#promotedGalleryWrapper img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}
body.homepage div#promotedGalleryWrapper {
    height: 170px !important;
}
}

 

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

Archived

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.