http://www.scic.com is the site.
We have a menu structure similar to this on our site using jQuery Simplemenu.
-----------------|----------------|-----------------|-----------------|
| MENU 1 | MENU 2 | MENU 3 | MENU 4 |
-----------------|----------------|-----------------|-----------------|
| SUBMENU 2-1 > |-----------------|
| SUBMENU 2-2 | SUBMENU 2-1-1 >|-----------------|
| SUBMENU 2-3 | SUBMENU 2-1-2 | SUBMENU 2-1-1-1 |
|----------------| SUBMENU 2-1-3 | SUBMENU 2-1-1-2 |
| SUBMENU 2-1-4 | SUBMENU 2-1-1-3 |
| SUBMENU 2-1-5 | SUBMENU 2-1-1-4 |
| SUBMENU 2-1-6 | SUBMENU 2-1-1-5 |
| SUBMENU 2-1-7 |-----------------|
| SUBMENU 2-1-8 |
| SUBMENU 2-1-9 |
| SUBMENU 2-1-10 |
| SUBMENU 2-1-11 |
| SUBMENU 2-1-12 |
| SUBMENU 2-1-13 |
|-----------------|
When a user selects 2-1-1 the page loads with a left side menu that contains the items like below (content is in div on right side of page)
|------------------|
| OTHER MENU ITEMS |
| OTHER MENU ITEMS |
| OTHER MENU ITEMS |
| OTHER MENU ITEMS |
|------------------|
| SUBMENU 2-1-1-1 |
| SUBMENU 2-1-1-2 |
| SUBMENU 2-1-1-3 |
| SUBMENU 2-1-1-4 |
| SUBMENU 2-1-1-5 |
|------------------|
But when the user selects item 2-1-1-1, they get a page with a left side menu like this:
|------------------|
| OTHER MENU ITEMS |
| OTHER MENU ITEMS |
| OTHER MENU ITEMS |
| OTHER MENU ITEMS |
|------------------|
| SUBMENU 2-1-1-1 | Highlighted
| SUBMENU 2-1-1-2 |
| SUBMENU 2-1-1-3 |
| SUBMENU 2-1-1-4 |
| SUBMENU 2-1-1-5 |
|------------------|
Essentially a clone of the 2-1-1 left side menu, just with different content and the 2-1-1-1 item highlighted. To see it in action on our site, select:
COURSES->Classroom Courses->Certified Insurance Counselors (CIC)
then select
COURSES->Classroom Courses->Certified Insurance Counselors (CIC)->CIC Personal Lines
We want to somehow include the OTHER MENU ITEMS somewhere in the dropdown to alleviate us from the duplication of the left side menus on those pages; essentially getting rid of that menu totally.
I've seen the usage of Mega menus on several sites but none of them had the fifth level in a dropdown off the mega menu. Due to the length of our menu text, a secondary bar is just undoable. It will also have to support responsive design as the site is being redesigned for mobile as well.
Anyone have any other ideas to help me out in this quandry?