Hi,

I'm trying to fix my menus so they look proper. Currently on my site I have a horizontal menu (top position) and if you hover over the 'Events' dropdown, the submenu name is to long for one of the items and as a result the text is moved to the next line but it looks terrible. How can I move the width of that submenu so the text stays on the same line.

I also want to a submenu to the 'Honor Wall' menu item but when I do that, the word 'Wall' is bumped to the line below and it has a similar bad look like the submenu item above. The width of the parent menu was set in the menu.min.css file:



But if I increase that width the menu items get moved to the next line. If I set it to auto, they are not evenly spaced across the top but are all right justified and don't fit the 100% of the topmenu.

You can find the site here: Click

Thanks.

Hello,

The menu looks normal on our side:



What browser do you use?

Regards,
ARI Soft

My apologies for not stating that. I'm using the new FF 4.01 release.

It looks like on screenshot from our previous post in FF 4.0.1.

Regards,
ARI Soft

Here is what it looks like on my screen. (resolution 1920x1080)



it's definitely incorrect for some reason.

I fixed the issue. For the submenu and the hover css of the submenu I added the css rule:

white-space: nowrap;

That fixed the issue in FF. Hope that helps someone else, I found this css fix in another post on these forums.

Cheers!