Avada Forums Community Forum How To Get The Global Header Layout Section To Shrink On Scroll Reply To: How To Get The Global Header Layout Section To Shrink On Scroll

Ammar. S
Keymaster
Post count: 2333

Hello Everyone

Alright, so basically the way sticky header animation used to work in legacy header was because of your logo, the logo used to get smaller and due to that the header height would shrink and give that shrinking header effect.

Now with the custom header you can achieve same thing simply by using the image element, as soon as you set your container to sticky you will see a new option in image element (where logo is used) => https://monosnap.com/file/IBlArtC8kon9rDvt7OOrj7zLwxb5aZ

Via this option you can set a custom width for the logo and this logo will in return make the header smaller as soon as sticky header is triggered.

Hope this was helpful 🙂

Thanks

-Ammar