Wrap DotNetNuke menu in different Divs and specify CssClass?

Question

Hello,

I want to group menu items in DNN menu into their own Divs - so I can have bottom padding on each cell in the heirarchy.

So for example:

I have main menu item of "About" - underneath that I have "About our Offices" - then under that I have "About our Server Room". This isn't the exact useage, just an example of the heirarchy.

I would like about us to be the main tab, then when I hover that I can see my 2 other items, one nested in the other. However, I want "About our Offices" to be a Div with bottom padding seperating it from the next 2nd level menu item.

So it would look like:

About

---

About our Offices

  About our Server Room

---

!!!padding here to seperate second level menu items!!

---

Contact Us

    How to get here

---

Any ideas how to accomplish this? If I could just assign CssClass to each menu item that would be helpful!

Thanks

Answer 1

If you are using the Solpart menu this is kind of hard you should look at some of the other menu providers