Hello !
I'm developping this website : www.binomes.org and i added a css snippet that changes the logo when scrolling :
.shrink .header-title-logo img {
visibility: hidden;
}
.shrink .header-title-logo a {
background-image: url(https://static1.squarespace.com/static/663120e8376c903e4375ddd0/t/663c86de50f6642bae295add/1715242718812/logo+binomes+2.png);
background-size: contain;
background-repeat: no-repeat;
margin-top : 2%;
}
The problem is : when i use the menu to go to an anchor point i set up on the page, i end up with the wrong logo, which creates an ugly overcrossing (especially on mobile), could anyone help me ? @tuanphan
Also my header is transparent which does not help....