desktop navigaton is shown in landscape mode (mobile)

[therobrob]

1. When using FIP Guide in iOS Chrome Browser in landscape mode, the navigation bar is cut off at both sides. Maybe the Dynamic Island is the reason?

2. When using FIP Guide in landscape mode (any mobile device), the desktop navigation is shown. When opening an dropdown the UX could be better.
   iOS Chrome

iOS Safari

[MoritzWeber0]

Can you check how it looks after #1014?

[therobrob]

Can you check how it looks after #1014?

I’ll check tomorrow :)

[therobrob]

Unfortunately, it doesn’t fix this issue.. Can't we just use the mobile navigation in mobile landscape view?

[MoritzWeber0]

I started to like to the landscape navigation as it uses the available space more efficiently with the columns, while there would be a lot of scrolling with the restricted height of the screen in landscape mode with the mobile drawer. That being said I hardly use the landscape mode, so the mobile menu would be fine for me. But I suppose the mobile menu won't fix the cut-off navigation bar. What I don't understand why it does cut-off the logo at all.

Unfortunately, I can't reproduce it without an iOS device. With responsive mode in Chrome and Safari on the desktop it looks all fine :(

[therobrob]

i’ll try to debug it with the real device connection in safari. maybe there’s an issue with safe-area-inset? The dynamic island isn’t shown in the screenshot, but it is placed exactly where the navigation bar is missing.