Drop menu width

[Devan]

Hello again all,

I have a Double Drop menu on my web app, but on one of them, the menu text on a few items are quite long, and I notice that the 'drop down' box does not scale width-wise to cater for long descriptions.  I am guessing that I will have to delve into the CSS to change the width of that box - is that contained under the 'nt-menu' definition in 'all.css' ??

Thanks!

[Bruce]

Use firebug to inspect and see....

[Devan]

Done!

Bruce, could you make the following change to jquery-nt-menu.css for future revisions?:

Code: [Select]

.nt-menu > li ul a {
display: block;
width: auto;
padding: 5px;
text-decoration: none;
}
'width' was hard set to '152px'.  If you set to 'auto' then the menu scales according to the text width better.

[Bruce]

Hi Devan,

I'll check into that, but I presume you are aware that you can simply add the following to your custom css file;

.nt-menu > li ul a {
   width: auto;
}

That overrides my default setting.

cheers
Bruce

PS - thanks for the tip - I'll investigate the change - but wanted you to understand you don't _need_ me to do this.

[Bruce]

I think maybe the better setting is;

   width: auto;
   min-width: 152px;

that sets a minimum width, but allows it to get bigger as well.

cheers
Bruce