This is a migrated thread and some comments may be shown as answers.

Problem styling menu

1 Answer 12 Views
Menu
This is a migrated thread and some comments may be shown as answers.
MBEN
Top achievements
Rank 1
Veteran
MBEN asked on 02 Sep 2014, 04:26 PM
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.

.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;
}

1 Answer, 1 is accepted

Sort by
0
Magdalena
Telerik team
answered on 03 Sep 2014, 10:18 AM
Hi MBEN,

We have applied the CSS code that you had provided to a sample project, but the RadMenu looks in different way as in the screenshot. Here is a video as a part of the testing for your reference.

Could you please provide us with all CSS that you are applying or open a support ticket to be able to send us a runnable project where the issue is reproduced?

Regards,
Magdalena
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Menu
Asked by
MBEN
Top achievements
Rank 1
Veteran
Answers by
Magdalena
Telerik team
Share this question
or