Change Height of menu and button

2 posts, 0 answers
  1. Charles
    Charles avatar
    33 posts
    Member since:
    Feb 2013

    Posted 31 Mar 2015 Link to this post

    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.


  2. Magdalena
    Magdalena avatar
    487 posts

    Posted 02 Apr 2015 Link to this post

    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;


    See What's Next in App Development. Register for TelerikNEXT.

Back to Top