iPad orientation bug, background videos not showing and slow loading

Design help General
#1

Hello all!

I have run into a few problems I was wondering if anyone could help me out with.

  1. Switching between a vertically and horizontally oriented iPad sometimes makes my (home made) navbar items disappear. They reappear again after switching back and forth between the two orientations, but with the dropdown expanded. I suspect it has something to do with my setup – the “Menu” is display: none on desktop and display: flex on iPad. This is what happens, chronologically:

Correct vertical (dropdown menu top left, “Sound: OFF” bottom right):

IMG_0198.PNG
IMG_0198.PNG1536×2048 140 KB

Correct horizontal (desktop menu top left, “Sound: OFF” top right):

IMG_0199.PNG
IMG_0199.PNG1920×1440 140 KB

Wrong horizontal (all menu items missing):

IMG_0200.PNG
IMG_0200.PNG1920×1440 134 KB

Wrong vertical (dropdown menu already expanded):

IMG_0201.PNG
IMG_0201.PNG1536×2048 138 KB

  1. This site uses a lot of background images and several background videos. I do not expect it to load fast but sometimes it is unusually slow to load. Is there something I can do about that?

  2. This might have to do with no. 2, but the background videos sometimes do not load on mobile. What could cause this?

Here is the link to the live site: https://denise-grunstein-archive.webflow.io/
Any help would be much appreciated! Thank you very much in advance.

Best,
Ludvig

Here is my site Read-Only: LINK
(how to share your site Read-Only link)