Header Change

Hi, sorry, this is gonna be hard for me to describe, so if you have any questions about what’s going on, feel free to ask. So right now I am trying to implement a way for my header to change when scrolling down the page because its normal size takes up too much of the page. Currently I have it set up so that there are elements in the header that are hidden by default, and when my main menu leaves view, those hidden elements are shown and the other elements are hidden. And since the header is frozen, this follows the scrolling, until the main menu comes back in view (in case the user scrolls back to the top of the page) then everything is reversed. The problem with this is that the header’s original size is still there; the background is just transparent. So it still covers the button I have on my page and no one can even tell because of that transparency. Is there a different workaround I could use? A possible solution I thought of was code that would allow for my button to arrange itself over any other elements, but I am not sure if there is code available for that. Again, if you have questions about the setup, feel free to ask. Thanks!

Have not found any solution yet

Hi,
Can you please add a screenshots of the behaviour?
Roi.

You might find what you’re looking for here: https://www.wix.com/code/home/forum/questions-answers/shrinking-header