How to make the logo change from white to black on scroll?

Store Design
, , , , , ,
1

How can I make the logo appear white when the page is at the top, and then change to black automatically as the user starts scrolling down the page? I’m on the prestige Theme …

Here is my website link preview :https://7968dc-f5.myshopify.com/?_ab=0&_fd=0&_sc=1

2

Hi @Sohayl67 ,

If you using Prestige theme. May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

EBOOST_1-1672356985580.png
EBOOST_1-1672356985580.png532×438 15.6 KB

  1. Assets/theme.css
  2. Add code below to end of file
header .header .header__logo img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
header .header.is-solid .header__logo img{
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
} 
header .header.is-solid {
  transform: none!important

}