mix-blend-mode: difference -> problem

[leandrodisler]

Hey
I have problems with blend-modes. I checked multiple topics but could not fix the issue. I added this code to my custom css.

nav.primary{
	mix-blend-mode: difference;
}

.sitetitle {
	mix-blend-mode: difference;
}

I want to achieve that the site title and navigation is always difference color to no matter what is behind it. My sitetitle and nav is set to black in customize and the the background to white. Menu-bar is hidden. It seems like something lays over my menu bar now an the effect dont works.

My Site: www.leandrodisler.com (password: lean)

Thank you so much.

[arminunruh]

your site title and menu points need to be white font color
yours is black

[leandrodisler]

that was easy, checked everything else. sorry.
i have one more issue. when i scroll to the top quick a white layer seems to appear over the menu and site title.

[leandrodisler]

fixed it whit:

html, body {
    overscroll-behavior: none;
}