CSSMenu Horiz and narrow browser windows

[martin42]

Hi,

I'd love to use a Horizontal menu for my site - much more space-efficient - but there's an old  problem with Horizontal menus on narrow screens.

Example in the 0.12 sample data:
  http://127.0.0.1/index.php?page=cssmenu_horizontal
Resize the window to 800x600 (maybe smaller!), then pick "Extensions"/"Tags" from the menu.  The problem is that the sub-sub menu items can be appear off-screen.

Does anyone have a fix, so that the sub-menus go to the left when necessary to avoid off-screen text?

Many thanks!

[miss_d_bus]

Sorry but no one can see this example as its only on your own computer.
Can you do a screen shot instead?

[martin42]

Here's a screenshot illustrating the problem...

Use the scrollbar below the image if you can't see the right-hand-side of the image.


[attachment deleted by admin]

[miss_d_bus]

i have faced a similar problem but with vertical menus with the sections being a lot wider than the text.
I would suggest making a copy of the CSS for Default CSSMenu Horizontal before editing it.
This is were the menu elements are sent for example:

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li {
        width: 200px;
      }

Changing the 200px might help? I am not sure but if you got rid of that width entirely, maybe it might fit to the length of the text for each element? Have a play but ensure you have a copy of the CSS if it doesnt go right first time!