White borders on top and bottom of the screens / scrolly pages

Ask the community
,
1

Can someone explain to me what are these white borders and why my website is really moving while scrolling?
I have tried everything to make everything static I really don’t understand why I keep having this issue…
an example on this page: https://www.konstantinosbar.com/blues made on Wix Studio.

1 Like
2

I believe this is because by default, the site body has a transparent background, so when overscrolling in both directions, you’re scrolling past the content in the body, and therefore showing the color of the browser background.

I’ve used this on one or two sites, but worth doing some testing yourself to make sure it doesn’t have any unintended side effects, but this added to the head of your site, via the Custom Code option should work

<style>
body, html {
    background-color: #000; /* Or your desired color */
}
</style>

More info about Custom Code here - Wix Editor: Embedding Custom Code on Your Site | Help Center | Wix.com

1 Like
3

@noahlovell You are my HERO!!! I’ve been looking for a solution to this for sooo long! Thank you thank you!

1 Like