Shrink header
A smooth header transition where the height of the header and logo shrinks on sticky.
How it works
When the header scrolls as sticky, its padding shrinks and the logo scales down together. No JavaScript, just Elementor sticky plus a few lines of CSS.
Custom CSS
The CSS to make the animation for this power up is included in the top level parent container Advanced > Custom CSS. No additional setup needed. Just copy the component and the styles come with it.