Aligning Menu right using MVC wrappers

2 posts, 0 answers
  1. Scott
    Scott avatar
    10 posts
    Member since:
    Aug 2012

    Posted 30 Aug 2012 Link to this post

    I have a menu at the top of my web application that is working and looks good.  However, I would like all of the items in the menu to align to the right side of the page.  Is there a way to do this using the MVC wrappers?  Or, do I need to enclose the menu in a <div> that is floated right, or some other CSS trick.

  2. Dimo
    Dimo avatar
    8322 posts

    Posted 03 Sep 2012 Link to this post

    Hello Scott,

    You can use CSS:

    ul.k-widget.k-menu-horizontal > .k-item
        float: right;

    Note that you will need to reverse the order of the root Menu items in the markup.

    All the best,
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top