Screen height hack mobile

[JobDoesburg]

The mobile screen height hack increases and decreases the header height if the viewport inner height changes (for mobile browsers with a toolbar). However, this makes the total content height change as well when switching toolbar visibility. When the header is in view, this is not bad and actually even expected, but when a different section is in view that does not respect the max. viewport height, this triggers some glitchy movements.

Solutions:

• only apply the inner height hack if the header is in view
• Add some variable margin to the bottom of the header so the other sections will start at the correct place
• let the first section start at a fixed coordinate regardless of header height

[JobDoesburg]

Ignore message above

The current website does use a lot of 100vh sections. However, on iPhone , a menu bar will hide the partner banner for this. There is a hack to do this (but it can be glitchy). We should investigate this