Questions about Height of Menu

[Mahdi]

Hello .
I am using Telerik 2013 Q1 and I am using menu in my Pages.
I have some problems . First of all if I change The 'Height' of menu ,It doesn't work but I solve it With some Styles.
Secondly The Items were not in Middle of Menu but I solve it too with another Styles.
thirthly when I change the height of menu , the triangles in both side of menu doesn't increase theire Height  and i don't know how I should Solve it.
in fact ,are there any way to solve  my problems without styles and for last question,What should I do?
The Image for last question attached to this Thread and my Styles are at the end of this Message
Thank you.

.rmRootGroup
       {
           height: 40px;  // change the height of Menu
       }

li.rmItem
     {
         padding-top:8px !important; // bring Items in Middle of Menu
      }

[Kate]

Hi Mahdi,

To get more details on how to change the height of the RadMenu control please take a look at the following help article - How to change height of RadMenu. Can you also clarify which elements you are referring to as the triangles on both side of the menu?

Regards,
Kate
Telerik

[Mahdi]

Hello and Thank for your answer.
I'm so Sorry , I uploded Wrong Image .Now I Upload Correct one ."error.jpeg".
in this Image I showed the meaning of triangles but just in left , but in both sides their hight don't Increase.

[Kate]

Hello Mahdi,

I can not find any image file to your last post. Can you please try attaching it again?

Regards,
Kate
Telerik

[Mahdi]

Hello kate.
I attached it to my First Post , but I attach it to this post again

[Shinu]

Hi Mahdi,

Please try the following CSS which works fine at my end.

CSS:

<style type="text/css">
    .rmRootGroup
    {
        height: 30px !important;
    }
    .rmLeftArrow, .rmRightArrow
    {
        height: 30px !important;
    }
</style>

Thanks,
Shinu.

[Mahdi]

Hi Shinu
Thanks for reply
I used this with "Height=40px" but I faced with new Problem . the Repetition of arrows Like Image Which I attached to this Post.

[Kate]

Hello Mahdi,

To avoid the repetition of the background image that is applied for the arrow you can use the following css property within the selector that you use for setting height background-repeat: no-repeat. I would also suggest to refer to the following help article to get a better understanding how we apply the different skins and which are the steps that you need to take in order to alter the look of the menu as desired - Tutorial: Creating A Custom Skin Using Sprite.

Regards,
Kate
Telerik

[Mahdi]

Hello Kate.
Thanks for your reply

LeftArrow and RightAllow are NOT image so background-repeat doesn't Effect on this ,so it Didn't work .
any other help?

[Kate]

Hello Mahdi,

Can you please provide a live url that I can test from my side and thus be able to assist you in the most efficient way in resolving the issue that you get?

Regards,
Kate
Telerik