On this site I have a Hamburger Menu on tablet and smartphone. the Nav Menu Div drops down as it should (hight auto). Then there are dropdowns within the menu. Opening will ajust the hight of the Nav Menu Div according.
BUT: It does on Tablet, but not on Smartphone. The Nav Menu Div does not grow according to the menu size.
ONLY: On the home page it does work!! But the Menu is a Symbol and the same on every page… So kind of crazy It works on home and not on any other page…
If anyone could help me solve that mystery, I would be soooo happy. I have spent hours without results…
It’s possible that “nav-wrap” needs to have height = Auto on mobile. You currently have 100% which will contain the menu to the height of the browser and prevent overflow. What’s strange is that I cannot see this in the Preview mode.
I notice that your homepage nav is a regular element, while all other instances of the nav are using a component. I’m not sure if this is intentional.
Also not sure if I’m missing something, but I don’t believe you need the interaction on the mobile menu button. I can’t figure out what that’s trying to do. It’s called “dropup all 4”.