Scroll problem

Hi All

Wonder if anyone can help me with this annoying glitch. 

When scrolling on desktop, if you scroll up you see this back background / bar appear and disappear.

Is there anyway to stop this from happening so content at top of page remains fixed in position?

See image attached and site: https://studioyoung.com/contact

Many thanks in advance

I have windows PC I dont see issue. Its Mac glitch.

I think you can try this to Website > Website Tools > Custom CSS

body {
	background-color: #f2f2f2
}

Squarespace allows you to inject custom CSS into your site. You can use this feature to override the default behavior and ensure that your content at the top of the page remains fixed in position without any background bar appearing. Here's a sample CSS code you can try

 

Quote

body { overflow-x: hidden; }

Hi All

thanks for suggestions.

@tuanphan using this code but it just changes background colour from black to my light grey. So the bar is still there, however I prefer this to the black that was appearing. I think...

@LoftyDevscode doesn't seem to have any effect? Bar still remains when scrolling desktop in Chrome.

@karan thanks for feedback.

I would love to stop this problem from happening if possible so appreciate any further suggestions.

Cheers

Try again with this code, if it doesn't work, you can add code + take a quick video of problem?

body#collection-66340987460926064563c80c body {
	background-color: #f2f2f2
}