NetTalk Central

Author Topic: DoubleDrop Menu Width  (Read 3580 times)

AZIS350

  • Jr. Member
  • **
  • Posts: 62
    • View Profile
    • Email
DoubleDrop Menu Width
« on: March 17, 2011, 08:16:08 AM »
I am using the DoubleDrop menu style and am having an issue with the width of the drop. When using a larger font style (which we do for mobile devices), the submenu text is longer than the standard drop background width. I've checked in Firebug and can't seem to find the location in the CSS file that adjusts the width parameter. Does anyone know where this width parameter is found? I know where the top-level menu width is, but not the drop width. Thanks.

AZIS350

  • Jr. Member
  • **
  • Posts: 62
    • View Profile
    • Email
Re: DoubleDrop Menu Width
« Reply #1 on: March 20, 2011, 07:33:13 AM »
I did find where some of the attributes for the DoubleDrop menu are defined - in the jquery-nt-menu.css file. However, still searching for the parameter (I assume in that file) that affects the submenu width so that the menu text (when using a larger font) does not exceed the background width. Any ideas?

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11245
    • View Profile
Re: DoubleDrop Menu Width
« Reply #2 on: March 20, 2011, 09:34:49 PM »
I've not been able to duplicate the issue you are having - when I make the fonts bigger the drop seems to grow ok.

However I have been able to set the width of the dropped part by adding

.nt-menu > li ul{
min-width: 300px;
}

To my custom css file.

cheers
Bruce

AZIS350

  • Jr. Member
  • **
  • Posts: 62
    • View Profile
    • Email
Re: DoubleDrop Menu Width
« Reply #3 on: March 21, 2011, 12:15:30 PM »
Thanks Bruce, that did the trick.

It was happening when our font size went above 18.