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.




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.


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

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


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.