Ah, I have a follow-up question. While the code worked for the 1st level of the dropdown, the 2nd level is of course also affected, resulting in a misalignment on the sub-submenu. So I thought I'd set a separate padding for the different levels of .rmSlide. I was thinking something along the lines of:
.rmSlide .rmVertical .rmGroup .rmLevel
ul .rmVertical .rmGroup .rmLevel
But that didn't do anything at all, not for .rmLevel1 nor .rmLevel2.
Any ideas? Is there a way to set .rmSlide separately for the different levels?
the ul .rmVertical .rmGroup .rmLevel2 selector should match the second level menu exactly, keep in mind that some of the styling on a radmenu happens inline, so !important might be useful.
Instead of padding-top on the ul, which adds a padding inside div box, try instead top:4px; which would force the box to start lower.
If you're aiming for something generic, a child selector on .rmslide could do the trick.
.rmSlide > ul.rmVertical
Or if you're aiming for separate ones
Should work also, but I've not really played with it so you'd have to verify.