I am using Nesteble nav with a mega menu inside of it. On desktop everything looks fine, but as soon as I switch if the content height of the mega menu inner is larger than the screen, the mobile menu gets unusable, because I can’t scroll inside the nav menu widget. I think this is not the normal behaviour because if the mega menu is huge it makes the menu unusable.
It is pretty easy to reproduce this issue, you only have to place a really high element inside the mega menu.
Welcome back to the forum! I’m not sure I’m following, do you have a live URL where I could inspect the issue or a screen recording or screenshots?
Set the vertical and horizontal offset element ID to the ID of the header’s section element)
Add an image inside the dropdown content which is 150vh high.
The bottom of the image is cut off and scrolling doesn’t help because the header is sticky.
I tried the solution of setting a fixed height on the dropdown content and then overflow-y:auto but this means that the hitbox for the dropdown trigger is messed up because there’s an invisible gap between the dropdown trigger and the dropdown content.
As you can see we haven’t got any feedback on this. Can you please provide us with a live link to your site, so we can actually see what’s going on?
If you’re developing locally, please provide a live demo (or replicate it on try.bricksbuilder.io).
