When the overlay is active, that is, when there is an active session, the visible part of the header must always be hidden.
Normally, the header style is like this so that a small part of the header is visible: transform: translateY(-95%). This way, the user knows that there is something there. It should be done in such a way that it looks like this: transform: translateY(-100%). By doing this, no part of the header will be exposed. It is important that when the session ends that small part of the header reappears.
When the
overlayis active, that is, when there is an active session, the visible part of theheadermust always be hidden.Normally, the
headerstyle is like this so that a small part of the header is visible:transform: translateY(-95%). This way, the user knows that there is something there. It should be done in such a way that it looks like this:transform: translateY(-100%). By doing this, no part of the header will be exposed. It is important that when the session ends that small part of the header reappears.