CSS play - Responsive Dropdown Menu

21st March 2013

For IE7+, Firefox, Chrome, Safari, Opera, iOS and Android OS, including Touch Screen Devices
With top level links


After many recent request for responsive multi-level menus I have now converted one of my dropdown menus so that it responds to variations in browser sizes.
Because not all browsers support @media-query I have written a small jQuery/javascript routine that gives support for all these 'non-supporting' browsers.
The jQuery routine is very simple and just switches in/out specific stylesheet depending on the screen width.
So this is a dropdown menu with top level links that works in the following browsers:



Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.

Terms and Conditions

This demonstration can be used subject to the following terms and conditions.