I’m using MegaMenu for the first time and I generally like it. I’ve got a dropdown all nicely formatted with a bunch of links in two columns. It looks great. But when I simulate it on mobile, it wouldn’t scroll down to see the items later in the second column. I suspected this is because “sticky” is on. Indeed if I turn off sticky, it works as you’d expect. Can anyone tell me if this will persist once deployed? Does “sticky” only for short menus? Is there a way to turn off sticky just for mobile?
Then I thought to check the demo website https://foundry.elixirgraphics.com/samples/potion-pack/mega-menu/ and it seems the more complicated dropdowns there also break on mobile. Maybe because they are sticky too? On the demo page, pulled up on my phone, the first drop down works as it should. (You can open it, see the links. When you click it again it collapses.) But the second and third dropdowns are both broken. You can’t see all the links, they mess up the banner, and you can’t close the navigation item once you touch it. Am I missing something or am I write that these two items don’t display properly in the demo? Is this a “sticky” issue?
I love the look of the two column dropdown menu, but I need “sticky” and that throws the responsiveness off. Thoughts?