Twenty Seventeen: Submenu greater than 10 items not visible

[MusicalSaw]

If you add more than 10 items to a sub menu in twenty seventeen, only the top 9 items are visible when the menu expands. The remaining items are displayed off the bottom of the screen and inaccessible. When this happens, the submenu should become two column (or 3, or 4, etc.)

[lukecavanagh]

I just checked and I noticed the same issue, the sub-menu items do show, but you have to scroll to view on the page.

So something like this then if sub-menu is greater than 9 items, then split into two columns etc?

​http://jsfiddle.net/3KB9j/14/

[sami.keijonen]

Thanks @MusicalSaw for report!

This is pretty common issue when using lot's of sub menu items. It can happen on narrow (mobile) and larger screens that you need to scroll down to see all the sub menu items.

But solving this might not be that easy. It depends on several factors:

• What is user screen resolution.
• In what spot the menu is: In front page it can be on the bottom of the page (can't see the submenus without scrolling). Or it can be on top of the page or anywhere between.

With that said my first advice would be to avoid so many sub menu items. This is one example why it's not the most user friendly.

[sabernhardt]

#44989 was marked as a duplicate. (has screenshots)

[poena]

I agree with the comments that this is something that the user who is managing the menu need to fix by reducing the number of items. Because based on the comments it does not seem to be possible to fix in a theme.

I tested the navigation block and it has the same problem.

Splitting the menu into columns would conflict with sub-sub menu items. This is best managed by a person who knows exactly what items a menu contains, and their relationships.