Mobile-friendly Hamburger Navigation With Submenus Example

A responsive, mobile-friendly, cross-device, multi-level hamburger navigation written in JavaScript and CSS/CSS3.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias accusamus vitae nihil beatae dolorem corrupti, officiis unde blanditiis quas! Numquam, illo iusto. Quasi, nihil. Soluta laudantium at consectetur sapiente accusamus!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias accusamus vitae nihil beatae dolorem corrupti, officiis unde blanditiis quas! Numquam, illo iusto. Quasi, nihil. Soluta laudantium at consectetur sapiente accusamus!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias accusamus vitae nihil beatae dolorem corrupti, officiis unde blanditiis quas! Numquam, illo iusto. Quasi, nihil. Soluta laudantium at consectetur sapiente accusamus!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias accusamus vitae nihil beatae dolorem corrupti, officiis unde blanditiis quas! Numquam, illo iusto. Quasi, nihil. Soluta laudantium at consectetur sapiente accusamus!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias accusamus vitae nihil beatae dolorem corrupti, officiis unde blanditiis quas! Numquam, illo iusto. Quasi, nihil. Soluta laudantium at consectetur sapiente accusamus!

Sec 2 - Submenu opens on hover(not mobile), on mobile there is button to open dropdown menu.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias accusamus vitae nihil beatae dolorem corrupti, officiis unde blanditiis quas! Numquam, illo iusto. Quasi, nihil. Soluta laudantium at consectetur sapiente accusamus!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias accusamus vitae nihil beatae dolorem corrupti, officiis unde blanditiis quas! Numquam, illo iusto. Quasi, nihil. Soluta laudantium at consectetur sapiente accusamus!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias accusamus vitae nihil beatae dolorem corrupti, officiis unde blanditiis quas! Numquam, illo iusto. Quasi, nihil. Soluta laudantium at consectetur sapiente accusamus!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias accusamus vitae nihil beatae dolorem corrupti, officiis unde blanditiis quas! Numquam, illo iusto. Quasi, nihil. Soluta laudantium at consectetur sapiente accusamus!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias accusamus vitae nihil beatae dolorem corrupti, officiis unde blanditiis quas! Numquam, illo iusto. Quasi, nihil. Soluta laudantium at consectetur sapiente accusamus!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias accusamus vitae nihil beatae dolorem corrupti, officiis unde blanditiis quas! Numquam, illo iusto. Quasi, nihil. Soluta laudantium at consectetur sapiente accusamus!

Sec 3 Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias accusamus vitae nihil beatae dolorem corrupti, officiis unde blanditiis quas! Numquam, illo iusto. Quasi, nihil. Soluta laudantium at consectetur sapiente accusamus!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias accusamus vitae nihil beatae dolorem corrupti, officiis unde blanditiis quas! Numquam, illo iusto. Quasi, nihil. Soluta laudantium at consectetur sapiente accusamus!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias accusamus vitae nihil beatae dolorem corrupti, officiis unde blanditiis quas! Numquam, illo iusto. Quasi, nihil. Soluta laudantium at consectetur sapiente accusamus!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias accusamus vitae nihil beatae dolorem corrupti, officiis unde blanditiis quas! Numquam, illo iusto. Quasi, nihil. Soluta laudantium at consectetur sapiente accusamus!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias accusamus vitae nihil beatae dolorem corrupti, officiis unde blanditiis quas! Numquam, illo iusto. Quasi, nihil. Soluta laudantium at consectetur sapiente accusamus!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias accusamus vitae nihil beatae dolorem corrupti, officiis unde blanditiis quas! Numquam, illo iusto. Quasi, nihil. Soluta laudantium at consectetur sapiente accusamus!