How to keep the top menu items in single line?

[che]

When the windows size is smaller. The top level menu items will auto wrap. The top menu items will display in mult-lines.

 

I want all top menu item display in single line always. 

 

Thank you!

[Magdalena]

Hi Che,

You can remove floating from menu items, and display them as inline-block instead. You can achive it by applying the following:

.k-widget.k-menu-horizontal>.k-item {
  float: none;
  display: inline-block;
}
.k-menu-horizontal {
  white-space: nowrap;
}

We are sending you also this Dojo sample.

Regards,
Magdalena
Progress Telerik