I have a RadMenu on my page that I am having problem styling.
The attached snapshot shows how it looks currently. The Quick Links is a menu, The child item keeps wrapping and looks wierd.
I have custom css and I am not using any Telerik base styling. When the width is 100px, the rSlide div is set to 0px width (the container that creates the sliding animation). when the slider is set to 100%, the rSlide is like 14px wide, which is way smaller then the full size of the RadMenu and we are unable to figure this out.
The attached snapshot shows how it looks currently. The Quick Links is a menu, The child item keeps wrapping and looks wierd.
I have custom css and I am not using any Telerik base styling. When the width is 100px, the rSlide div is set to 0px width (the container that creates the sliding animation). when the slider is set to 100%, the rSlide is like 14px wide, which is way smaller then the full size of the RadMenu and we are unable to figure this out.
.upper_nav .RadMenu li {
border: none;
padding: 0;
position: relative;
}
.upper_nav .RadMenu .rmHorizontal,
.upper_nav .RadMenu .rmVertical {
padding: 0;
}
.upper_nav .RadMenu .rmRootLink {
font-size: 12px;
}
.upper_nav .RadMenu .rmRootLink:link,
.upper_nav .RadMenu .rmRootLink:visited {
color: #536ba2;
}
.upper_nav .RadMenu .rmRootLink:hover,
.upper_nav .RadMenu .rmRootLink:active,
.upper_nav .RadMenu .rmRootLink:focus {
color: #3c3d5e;
background: none;
border: none;
}
.upper_nav .RadMenu .rmSlide {
position: absolute;
display: none;
}
.upper_nav .RadMenu .rmVertical .rmItem {
display: block;
}
.upper_nav .RadMenu .rmVertical .rmItem span {
width: 100% !important;
}