Kendo UI - Menu - Is there a way where i can get all the menu items to be the same width (equal)

Question

I have a menu with 7/8 options. I would like the width of these to be the same because when I try and resize the browser window and reduce the width the menu items go onto the next line (which is fine) however, its very messy. If the menu item width for all was the same then it would look neater. Can anyone help please?

e.g. I want it to be like the red rather than the blue (in image shown)

Answer 1

Try to override the default kendo css:

#your-menu li.k-item {
     width: YOUR_WIDTH;
}

I haven't tested, but I'm sure you get the idea. Good luck.