CodePen.dark. Drop Down Navigation Menu. Thanks for this. Mobile Toggle Navigation Plugin - jQuery Dro Sliding Menu. css dropdown on click codepen. Note that this is not going to have sub-menus. 7. Download. Responsive horizontal drop-down menu. CSS-only Responsive Multi-level Navigation Menu, Adding support to show the sub-menus as hover drop-down on bigger screens (desktops) Making the menu to break down adaptively as per the device screen resolution. Hi Seb. A responsive horizontal drop-down menu inspired by the Microsoft.com menu. I got really close, but I think I need a little tweak to get the submenu functioning. Learn More About Navigation Design on Tuts+. Tip: Go to our CSS Dropdowns Tutorial to learn more about dropdowns. A fully responsive, CSS-only navigation that breaks down into a hamburger dropdown menu when the viewport size is smaller than a breakpoint specified in the CSS3 media queries. Multi-level Responsive Menu (Tutorial & Source Code) The tutorial uses jQuery and CSS to create 3 Levels Deep Drop Down Menu. And here we are: not yet perfect and multi-level, but a cross-browser working horizontal and responsive dropdown CSS menu. HTML Preprocessor About HTML Preprocessors. Responsive with Dropdown. Pen Settings. Pure CSS off-canvas hamburger menus aren’t a recent discovery. Fully responsive, mobile friendly and supports unlimited levels of sub menus. A drop down menu with sub-items appearing with an interesting animation.