This is how it looks when it is full screened.

But when screen resized it looks like this.

http://eie.ksatconcepts.com/index.php/home

Hello,

Add the following CSS rule:

#menu_bar
{
min-width: 961px;
}

Regards,
ARI Soft

Hello,

I got the same problem. I'd like to adjust the menubar so it has the same widht as the logo above. But wenn I zoom in or out it breaks into two. How can I fix that?

Site: www.umweltnetz-schweiz.ch/

Hello,

Add the following CSS rule:

#rt-breadcrumbs .ux-menu-container {
min-width: 961px;
}

Regards,
ARI Soft

Hi there,
I have tried all of the answers provided in the forum by adding different css into the module css box but my menu still breaks (see website screenshot). Would you please let me know which file to place the css inside? i have tried menu.min.css and directly into the module area css box.
I've tried:
#menu_bar
{
min-width: 961px;
}

UL.ux-menu LI A

{
white-space: nowrap;
}

Please clarify where I add and what exactly which file and where I should add the appropriate code so that the menu doesn't break. I appreciate your time.
Thanks!