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

Centering menu items

3 Answers 95 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Mark
Top achievements
Rank 1
Mark asked on 09 Oct 2014, 08:58 PM
Hello, 

I have a problem with my RadMenu, the text in the RadMenu Item is centered but the item itself isn't centered.

Please take a look at the attached file for more info.

I obviously tried putting CSS on the different classes in the skin but I havent been able to move that 'blue/green' block to the center. 

Thanks !

3 Answers, 1 is accepted

Sort by
0
Accepted
Magdalena
Telerik team
answered on 10 Oct 2014, 10:26 AM
Hello Mark,

We have noticed that you are applying some custom styles to the RadMenu. It seems that you are applying a fixed width to the rmLink elements. If this is your case, try to apply the following to center the text:
html .RadMenu .rmRootLink {
    text-align: center;
}
 
html .RadMenu .rmHorizontal .rmText {
    float: none;
}

If this solution does not resolve the issue in your case, could you please provide us with all stylesheets that you are applying to the RadMenu, so we will be able to find an exact solution for your case.

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.

 
0
Mark
Top achievements
Rank 1
answered on 10 Oct 2014, 02:21 PM
Yes that actually worked, thank you for the help
0
Mark
Top achievements
Rank 1
answered on 10 Oct 2014, 02:21 PM
thank you for the help, it worked !
Tags
Menu
Asked by
Mark
Top achievements
Rank 1
Answers by
Magdalena
Telerik team
Mark
Top achievements
Rank 1
Share this question
or