Header Submenus

Hi, a few years ago there were posts on this thread about horizontal scrolling on mobile. We still experience this issue. If a menu is long, the last elements cannot be reached. The horizontal scrolling only happens until the end of the rightmost already displayed element and cuts everything else after.

Tested with the app for these devices:

  • Galaxy S8 with Android 9
  • Samsung A5 with Android 11 (LineageOS 18.1),
  • iOS 17.2.1
2 Likes

Any word on Horizontal Srolling on Mobile? Is there a code snippet or something we can add to get that working again?

2 Likes

Please enable permission management. This plug-in is very similar to what is used by administrators to quickly jump to specified pages.

This is a theme component not a plugin. Can you provide more details on permission management? As the admin can customize the menus content.

1 Like

I am wondering if anyone ever figured out how to make the menu scroll on mobile?

2 Likes

I’m also looking forward in getting this as the menu names throws off some details of what are the contents of the pages.

2 Likes

This can be achieved by using the following CSS in the Common-CSS tab of another theme or theme component.

.anon .top-menu {
  display: none;
}
3 Likes

Any further thought or input on making this horizontally scrollable so that it’s useful on mobile phones?

1 Like

Issue: No vertical scrolling on desktop

If there are many submenu items and the list is longer than the desktop screen, you can’t access the lower items. Vertical scrolling works on mobile, though.
Since only ~2 menu items fit horizontally on a mobile screen (depends on the title length), I added a lot of submenu items per menu item. But now the lower ones can’t be accessed on desktop.
Tested in Firefox and Chrome (Win 11)

Issue: Menu doesn’t close after clicking on an open-in-same-tab-item

This is problematic esp. on mobile: When the menu covers the whole screen, I have to click into the free area in the top right next to the menu items to close it. (what if there’s no free area?) This also means I don’t get any feedback that the link worked since the menu still covers the screen. Clicking on the menu title won’t close it.