Squarespace 7.1 - Logo Decreasing in Size on Scroll

Hi there!

Does anyone know how to create a similar header to this site? Having the logo decrease in size as you scroll. I'm assuming this requires some Javascript... if you know of any paid plugins that works too!

What is your site url? We can check easier

If you use SS 7.1, first, enable fixed header, next add this to Design > Custom CSS

header#header img, header#header.shrink img {
	transition: all 0.3s ease;
}
header#header.shrink img {
	max-height: 30px;
}

On 7/3/2022 at 1:49 AM, tuanphan said:

What is your site url? We can check easier

If you use SS 7.1, first, enable fixed header, next add this to Design > Custom CSS

header#header img, header#header.shrink img {
	transition: all 0.3s ease;
}
header#header.shrink img {
	max-height: 30px;
}

 

@tuanphan 

Here is the site!

https://gazelle-lute-2a4g.squarespace.com/

PW: Butterfly60!

1 hour ago, skalison said:

@tuanphan 

Here is the site!

https://gazelle-lute-2a4g.squarespace.com/

PW: Butterfly60!

I see the code worked?