Responsive Menu With Children
This demo includes support for child pages (one level deep). This approach can be used if both the parent page and the child pages are links to separate pages. In this example the desktop sub menu is displayed on hover.
Note this uses JQuery to toggle sub pages on mobile but it will work still function with JavaScript disabled. Yey progressive enhancement.
Readme for usage and support.
Or take a look at some really cute kittensVersion History
- Version 2.2 Reworking the demo3 CSS/JQuery
- Version 2.1 Added SVG Support, fixed menu height bug and added variables to menu.js
- Version 2.0 Restructured CSS and added support for child pages
- Version 1.2.1 Added bug fix for older Android browser pre 4.3
- Version 1.2 Added function to force close the menu after clicking a menu link.
- Version 1.1 removed CSS transation because of lag and fixed menu to be hidden on refresh with JQuery
- Version 1.0
Some extra on page content
Cats and dogs, squirrels and a fox. Cats and dogs, squirrels and a fox. Cats and dogs, squirrels and a fox. Cats and dogs, squirrels and a fox. Cats and dogs, squirrels and a fox. Cats and dogs, squirrels and a fox.
Cats and dogs, squirrels and a fox. Cats and dogs, squirrels and a fox. Cats and dogs, squirrels and a fox. Cats and dogs, squirrels and a fox. Cats and dogs, squirrels and a fox. Cats and dogs, squirrels and a fox.
Back to top