I've spent a while trawling your very helpful forum but still haven't managed to fix my problems.

1. Width problem - can be seen if you hover on 'capabilities' menu item on the horizontal menu: www.nicolabathe.co.uk/peaq/index.php/en/ - I'd like the sub menu items to be all the same width. I have the autowidth set to No.

2. 'Overflow?' problem - if you hover on the 'Capabilities-De' menu item on the horizontal menu: www.nicolabathe.co.uk/peaq/index.php/de/ you can see and click on the menu item that should be behind the submenu items. (The german version of the site is yet to be translated so I have to make sure the layout doesn't break if longer words are used in the main menu).

In both sets of menus, I have the following in the CSS box in the modules:

#{$id} A.ux-menu-link-level-0
{
background: transparent url("templates/itbudget/images/sidebar_bg.png");
}
UL.ux-menu A
{
white-space: nowrap !important;
}
BODY #contentarea
{
overflow: visible;
}

Thank you very much for your help.

Hello,

1. If you want to use the same width for sub-menu items, set "Auto width" parameter to "Yes".

2. The menu works correctly when main menu items go in one line. You can use the next CSS rule, but it works not perfectly:



Regards,
ARI Soft

Thank you so much for your very quick reply - your CSS fix for my second problem works fine - thank you!

For the first question - the sub menu item widths show with different widths, whether I have the autowidth set to yes or no. How can I make the sub menu items all the same width?

Thanks again.

Could you set "Auto width" parameter to Yes"" and inform us about it?

Regards,
ARI Soft

Auto width is now set to Yes for both my English (www.nicolabathe.co.uk/peaq/index.php/en/) and German (www.nicolabathe.co.uk/peaq/index.php/de/) versions of the menu.

Thanks!

This problem with site template styles for default menu. Add the next CSS rules to fix the problem:



Regards,
ARI Soft