In the Navigation Container area of Site Info in the new TTG CE4 plug-ins you’ll find an unassuming little slider labeled “Mobile Breakpoint.”
What this little wonder does is to set width in the css media query that controls just when the navigation changes over from desktop to mobile navigation.
So if you like the desktop version of your menu but it’s always collapsing to mobile on your iPad (which it will always do when using multi-level navigation in CE3), you can now set the breakpoint so this won’t happen. The iPad in landscape mode is 1024px wide. Set the mobile breakpoint at less than this (say 1000px) and you’ll preserve your desktop navigation menu on the iPad in landscape mode.
Want the desktop navigation to be there all the time on the iPad? Just change the breakpoint to something less than the 784 px width of the iPad in portrait mode.
One reason why the CE3 plugins defaulted to mobile navigation for iPads when multi-level navigation is used is because touch devices don’t have a hover state for the links. With the CE3 navigation, when you hover over a menu item that has drop-downs, the drop-down appear. How do you hover over a link on your iPad? Anyway, that problem is solved in CE4 with a new option labled “Click for drop-down menus (multi-level only).” What this does is require the user to click (or tap) the down-arrow that accompanies links with drop-down menu options.
768 iPad width, actually. We use 784 in our responsive desktop simulation only to account for the Web module’s 16-pixel ugly-as-sin scrollbar.