Pure CSS Mega Menu

[liquidpics]

Looking for a little help customising Mega-menu

We’ve made a decision to have 9 new Top level categories along a horizontal navigation marked on the attached image in pink. This has been done by taking the standard megamenu dropdown labelled “shop” and copying that piece of code from the tpl megamenu file 9 times and changing the name at the top of each.

The dropdown, which is marked in blue, is what would usually be Top level cats, and the sub of that, which is marked in green, would be the level 2.

What I’m trying to do is get the green bit where the blue bit should be. I simply need to move everything up a level, and find some way to tie that in to my own pink 9 top categories.

I’ve looked at the megamenu generator and other pieces of code with no joy.

Can anyone give me any starters on how this can be achieved?

Thanks for any input.

Kristian