Header doesn’t show on some tablet sizes

Hello,

this is our website: https://ludwigsburger-wochenblatt.de/

The website runs for about 1 month now and we have little to none problems by now – nice!

Though, one colleague opened the website on an iPad Air (4th Gen) in Safari and had following problem.
The browser loaded the mobile site without the header, not the tablet site (portrait mode). As soon as he rotates the tablet to landscape it loads correctly. But everytime he uses his tablet in portrait mode it would load the “wrong” mobile site without header.

The problem doesn’t occur in Chrome on the same tablet or on any other tablet I’ve tested.

Do you know how this problem can be solved?

Thanks for your help!
Regards, Valentin

Hello,

every viewport is right, in our opinion.

We just found out that he manually zoomed (115%) in Safari that’s why it happened.
This problem occurs on other tablets too (Safari).

So, if you zoom in, it loads the mobile version of the website. And at this moment the header disappears. This of course shouldn’t happen.
It only comes back when you zoom out to 100% again. Then it loads the tablet version again.

Do you know what we can do to solve this problem?
You could try it out yourself.

Thank you!