Header image scrolls regardless of whether "scroll with page" is on or off

HI

Everything was working fine until a couple of hours ago - the header image is no longer static and scrolls with the page regardless of whether it’s switched on or not. The header images elsewhere are static.

Please help!

Site is here - "http://www.bellaandsquidge.com

hey there

Please add this CSS in appearance - customize - additional CSS

#header.header-front-page {
background-attachment: fixed !important;
}

Thanks!
Colorlib Support Team

Thank you! That’s worked perfectly, however - the header image is now too large and there is lot of padding to get to the next section.

How do I go about resizing the image so there is less padding?

Hm cant see it, sorry, can you please share the screenshot?