Change Height of menu and button

[Charles]

The Rad Navigation control is perfect for our mobile targeted pages. However, a couple of questions:

1)  the menu bar and button uses a little too much of the limited screen real estate. Is there a way to change its size? I tried setting the height property to say 35px but the button did not scale. This also left a gap between the drop down menus and the menu bar. I am using the BlackMetroTouch skin.
2) Also, can you suggest css to make the menu text a little bigger? It's a little small for touch on a smart phone.

Thanks.

Charles

[Magdalena]

Hi Charles,

As the Navigation control has elastic behavior, it will increase its size by setting higher font-size to the main wrapper by the following:

html .RadNavigation {
    font-size: 1.3em;
}

If you would like to increase the height even more, you can apply higher values to the top and bottom paddings by the following:

html .RadNavigation .rnvMore,
html .RadNavigation .rnvRootLink {
    padding: 30px 15px;
}

Regards,
Magdalena
Telerik