How to make the header collapse when we scroll down?

Hello, i wanted to make my header collapse when we scroll down and i don’t know how… Can someone explain me or show me somehting about it ? Here is an example of what i want : Site officiel Maserati | Voitures de luxe italiennes | Maserati FR
The header falls when we scroll and it’s much better for the experience of the user !

Thank you

If your header is not collapsing it is because it is in a floating group. You should then make it a regular group so that when user scrolls it goes out of sight.

Your example provided however takes it one step further and makes it not visible at a certain scroll position, so you can do the same by adding a conditional to the group to change the visibility based on current page scroll position.

This topic was automatically closed after 70 days. New replies are no longer allowed.