Flexbox Based Responsive Hover Menu

Decreasing View-Port - Click First-Level Menu - Hover In-Line Sub-Menus

A fairly standard strip bar menu, allowing sub menus to cascade either to the left or right.

Decrease the size of the view port, click on the hamburger menu icon Hamburger icon for menu to see the main menu. Hovering over those items having children, indicated by the 'hand-down' icon Hand-Down icon for menu reveals further in-line concertina sub-menus as appropriate. Click on the cancel icon Cancel icon for menu to close the menu.

A free standing version of this example is available for download here.