Gantry 5 Flyout 2nd Level Submenu

In working with a Gantry 5 template my main menu has “Services” as the top level, “IT Support Services” as the dropdown submenu item, and “Networking” as the third level down. Gantry has it so the user must click the arrow on the submenu item “IT Support Services” to set the second submenu item “Networking”. Here is what it looks like.

I wasted a lot of time trying to get the third item to flyout, but it won’t. Gantry won’t go to the third level without a click. The Gantry folks determined that “touch screens” can’t “hover“, so flyouts won’t work. I found the information here.

If you change the menu from a multi-column drop-down menu to a single column you will get the flyout menu.

I hope this helps someone else out there….


Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

This site uses Akismet to reduce spam. Learn how your comment data is processed.