Styling the Menu

2 posts, 0 answers
  1. john
    john avatar
    9 posts
    Member since:
    Nov 2014

    Posted 12 Feb Link to this post

    I have been trying for several days to bend the menu to my will, and nothing has worked.

    I'm using MVC5, Bootstrap 3, and Telerik UI for MVC (2019.1).

    I have a div that is 28px tall, and I'm trying to get the menu to be constrained within that div's height. The problem is that the menu appears to be padded/margined and is 50px tall, regardless of the class styles I've tried to set. There doesn't appear to be any documentation (that I've found) that describes how to re-style the components.

    For instance, it would be real nice if I could find a description regarding what to do to change the colors, the sizes, and the positioning. What css classes affect each widget?

     

  2. Dimitar
    Admin
    Dimitar avatar
    669 posts

    Posted 14 Feb Link to this post

    Hello John,

    In general, modifying the Menu height could be achieved through the following selector:
    <style>
      .k-menu .k-item>.k-link {
        /* set padding */
        /* set line-height  */
      }
    </style>

    For customizing the themes you can check out the following resources based on the type of theme that you are using (Less-based or Sass-based):


    Regards,
    Dimitar
    Progress Telerik
    Get quickly onboard and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top