Responsive header height will not collapse on mobile


I am making my site responsive. All is going well.
But one thing I cant make sense of is why my header height on mobile is the same as on desktop.

Hope that some one can see what I am doing wrong.
Here is the site:

Try to look at the space between the content and the header on mobile.

Could you show some screenshots and highlight what you find undesirable? The only thing that looks odd to me is how small the background image gets, but the header looks as I would expect it to on every screen width.

Is it easier to share the app for you?

1 Like

Here you can see the the spacing