[SOLVED] DropDown menu issues - width and height.

suwak · #1 Jun 1, 2013, 05:13 PM

Hello.

I've stumbled upon following issues with DropDown menu:
- when my subpage name gets too long, the menu wraps the text,
- with text wrapped it has a problem with displaying more rows (more than seven); I've got three menus each of them with several subpages; in one of them the wrapped text gets to nine rows and the last ones are not visible, the menu just cuts them;
- the only parameter I've found to get around wrapping is the width parameter in menus.css:

HTML Code:

.menu ul a, 
#menu1-smooth a, 
#menu2-smooth a { 
width: 150px; 
white-space: normal; /* 2nd level items we DO want to wrap */

- when I change it to say 200px, the text gets unwrapped, but it then gets cut from the right - the text itself gets wider space, but the menu doesn't, it's always the same width;

So the question would be how to change dropdown menu width and height to avoid such issues.

Thanks,
Tomek