• 0
Sign in to follow this  
Followers 0

Navbar - entries displaying outside menu

Question

Posted · Report post

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?

Share this post


Link to post
Share on other sites

5 answers to this question

  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

@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]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0