I have a RadMenu that I've set up for lightweight rendering. I have the following on the page to remove the icon column:
div.RadMenu .rmGroup:before
{
width
:
0px
;
/*remove the colored stripe from the left side*/
}
div.RadMenu .rmGroup .rmLink
{
padding-left
:
0px
;
/*remove the text padding from the left side*/
}
div.RadMenu .rmGroup .rmSeparator
{
margin-left
:
0px
;
/*stretch the separator*/
}
This works great except for the first menu item. Due to its length, I have that menu set as a two-column menu. Unfortunately, the background for the icon column continues to show up in the first column of this menu item (see the attached screenshot.) I found that I can turn off this background by unchecking .RadMenu .rmGroup.rmMultiGroup in the DOM explorer in my browser, but when I set that to:
.RadMenu .rmGroup.rmMultiGroup {
background
:
none
;
}
the background continues to show up.
What should I be doing to get rid of this column?
Thank you!