Jump to content

Banner image resizing on mobile, all pages

Recommended Posts

  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

  • 4 weeks later...
On 3/30/2021 at 7:24 AM, daria said:

Hi @tuanphan I'm actually in the same boat. Looked at some of your other threads and used your code to get my home page image to resize on mobile.

This was the code I used:

@media screen and (max-width:640px) {
.homepage .section-background img {
    width: 100% !important;
    height: auto !important;

But I still have the large grey blank space below it on mobile before the page content starts. (I have a weird floating Enter button I used an image for that is pretty janky, but that's a different issue). Here is my landing page...


I'd also love to have the banner images from all my other pages work the same way (resize and remove blank space underneath on mobile) For example, this page...


Any chance this would be an easy fix?

Thank you so much for any help or insight,


Hi. It looks fine here. Do you still need help?


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

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

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.