I’ve created a new mega menu for this project (/new-menu), but I’m having issues with its responsive behavior, particularly on iOS devices.
On mobile landscape, the menu doesn’t adjust to the height of the device (even though I’ve set it to 100vh), so it doesn’t scroll properly and some options are not visible.
On tablets, when you open one of the dropdowns and rotate to landscape, sometimes you can’t open any of the other dropdowns, even though the active effect is still visible as if it were open. It’s hard to explain, but the layout also breaks because the menu becomes narrower.
I’ve tried everything I can think of, but I still can’t find a solution.
Here is my site Read-Only: LINK