Mega Menu on iPad

Hey there.

I now know what happens: I just removed that code I mentioned because I wanted to test a regular drop down menu without any custom code. Before switching to drop down menu I once again tried the “tap somewhere else”-approach to close the mega menu. And suddenly it did close.

The point is this: I use a boxed layout and you have to think – sorry ;-) – tap outside the box.

If I tap the grunge background, the menu closes reliably. So please excuse the troubles, the theme does work as you intended. And now that I removed that code from functions.php the mega menu also appears on the mobile menu in all its sub-item-loaded glory.

However, that UI behavior is not the least intuitive. Because no one would assume that there is a difference between tapping somewhere on the page (where there is obviously no link, of cause) and tapping the background to close a menu. And I don’t know what would happen if I had a stretched layout. Maybe something is still off with my site or maybe you can find a way to change that behavior on tablets in a future edition of Enfold. It sure would help a lot.

Cheers,
Helge

Hi.

I have an iPad Air 2 running iOS 9.2.1 Here’s what I do:

• open a new tab
• go to the homepage
• use the mega menu to go to a specific point (marked by color sections with developer IDs) on that other page – once I’m there, the menu closes
• use the mega menu again to go to a different spot on the same page – once I’m there, the mega menu stays open and only close if I tap on the grey background

I did this a couple of times, the behavior has never changed.

Best regards,
Helge

Hmm, I’m not sure I understand everything. You wrote

I was able to reproduce it, I can tap anywhere else other than the black background to close it

I think there is a “not” missing somewhere in your sentence: If you can reproduce it, it should not close if you tap on some piece of text, for instance. If, however, it closes not matter where you tap, then you don’t really reproduce my problem, because on my iPad it only closes, when I tap the black background. It does not close when I tap somewhere on the page, e.g. on some text or the white space between text and buttons. If you say that is normal, then I will live with it. It probably won’t be the way most people use the menu anyway as you said later.

This brings me to your comment about anchors and menus: I think I understand you correctly when I assume that you would put the links to the anchors in a submenu. That way they are always accessible as long as I am on that page and can be used to navigate on that specific page. That does make sense.

What I want to do, however, is give people access to all the content on the page “Schularten” from the moment, they open our homepage. That is why I use a mega menu and not a normal menu. They can immediately see everything. And by “all content/everything” I mean all the content that belongs to that page literally in terms of content and not only whether it is physically part of the page: The page “SGG” is a separate page physically, i.e. it has its own permalink. But content wise it is related to Schularten and therefore part of that menu item. I am simply giving visitors the choice to use the big buttons to go from the homepage to Schularten and then to Schulabschlüsse and then to a specific school or to go directly to a school like SGG depending on how much the already know. A submenu on the page Schularten does not offer that functionality, does it?

So I guess I have to trade easy on-page navigation for easy across-pages navigation, which I am willing to do. I’m grateful for the advice about submenus, though, because I didn’t understand what they really where before. I’ll keep thinking about that…

Thanks again for you help,
Helge

Thank you. You can close the thread :-)
Helge