Different alignment of menu items

[Kaan]

Hello!

How can I create a menu, with some items being aligned on the left side and some other items being aligned on the right side?

For example, the menu in the second row of the Telerik website: http://www.telerik.com/

Products, Demos etc. are on the left side; Search, shopping cart etc. are on the right side.

 

Best regards,

Kaan

[Dimitar]

Hello Kaan,

On the following Dojo example you will find a basic Kendo Menu setup, which uses CSS to align some of the items to the right. You will notice that I have added a class to the items which I want to align to the right (align-right) and afterwards I apply the following rule to modify their behavior:

#menu .align-right {
  float: right;
}

I hope this helps. In case you have any other questions, please do not hesitate to contact us.

Regards,
Dimitar
Telerik by Progress

[Kaan]

Thank you, Dimitar!

[Kaan]

Hello!

In Chrome for Android the sub menu which appears below the user icon is aligned outside the screen and therefore expands the screen width: http://dojo.telerik.com/Unohi (you need to run the full screen mode).

The issue does not appear in the desktop versions of Chrome, Firefox and Edge.

How can I solve this issue?

Best regards,

Kaan

[Dimitar]

Hello Kaan,

Thank you for getting back to us.

I can confirm that this is a bug in the Kendo Menu widget. I have logged the issue in the official bug tracker and you can start tracking the progress we make on it from here.

As a small token of gratitude for discovering this bug, I have also updated your Telerik points. You can find more details in your Telerik profile.

Regards,
Dimitar
Progress Telerik