Jump to content

Resize Gallery Banner for Mobile

Recommended Posts

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


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?   


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:


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


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.