Multi Level Drop Down with Hover

I could not find a good replacement for my companies drop down menu that was created in Dreamweaver ages ago.

The menu had to mimic the original and work decently in IE9.

A lot of the CSS classes and id’s can probably be removed.

I tried to keep it as simple as possible and had to add JavaScript towards the end to clean up on some on click issues with the man navbar.

It uses the CSS pre-possessor LESS because it needs to run on a SharePoint custom site and SharePoint defaults to using LESS.

To see it work, go to CodePen.io

See the Pen Multi Horiz Menu by Adam M. Erickson (@adamerickson) on CodePen.

HTML

 

About Adam M. Erickson

Geek, Dad, Life-Student, Biker & DIY Enthusiast Application Developer Attended Ferris State University Lives in Muskegon, MI
Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *