Navbar - entries displaying outside menu

[rztaylor 0]

I have a problem with the standard Nav bar - the entires in my submenu ("Libraries" > "config" > ...) are longer than the width of the menu and spill out over the page content, which looks terrible. I've tried it on both Chrome and IE and the results are the same I thought that the menu would be automatically sized to the content? Please can you advise on how I can fix it?

[Danny+ 1,327]

Hi, For some reason the underscore is causing the issue, if you remove the underscore the issue will be resolved. For example, instead of: FN_config_section_exists Change to: FN config section exists

[rztaylor 0]

Unfortunately I can't remove the underscores as these pages are documentation for code libraries - doing so would cause too much confusion! Any other suggestions on how this might be resolved?

[Rob 547]

Your CSS has: [code]ul.sf-menu ul.sub-menu, ul.sf-menu ul.children { margin-top: 0; position: absolute; width: 15em; }[/code] Change it to: [code]ul.sf-menu ul.sub-menu, ul.sf-menu ul.children { margin-top: 0; position: absolute; width: 21em; }[/code] This will widen the grey area behind each child and grandchild... which will then layer. But it will work.

[rztaylor 0]

@rangelone - thanks for that! I used the modified CSS shown below to only apply to grandchildren and it worked brilliantly. I placed it in "Global Settings > Custom Code > CSS Rules" to prevent it being overwritten by any framework updates. [code]ul.sf-menu ul.children ul.children { width: 20em; }[/code]

[Rob 547]

Looking in Firefox at Libraries > Config.... it's still not quite wide enough. Try 21.