Jump to content

Hero image not re-sizing properly on mobile?

Recommended Posts

Site URL: http://nikolsons.com.au/

Hi everyone. The hero image on my site isn't resizing properly when viewing on mobile. It gets cut off as you can see.

1854451568_ScreenShot2020-08-28at13_14_04.thumb.png.3b5c483c6a138736d7b02a725ec781d6.png

 

1229717979_ScreenShot2020-08-28at13_14_11.thumb.png.6f934775c89a6f795de5fcb1a9321459.png

I have coded:

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

into the custom CSS. It works great to change the scale of the hero image but then leaves a huge blank area until the next section on the page.

365830370_ScreenShot2020-08-28at13_15_43.thumb.png.96eb98758f9aff3649212b3a03f096c5.png

How do I go about correcting this? Thanks in advance! 🙂

Link to comment
  • Replies 2
  • Views 794
  • Created
  • Last Reply

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.